服務端渲染or預渲染

2021-09-05 12:43:29 字數 843 閱讀 6646

今天木有引言嚶嚶嚶

瀏覽器核心分兩個部分:渲染引擎、js引擎

解析html以構建dom樹 -> 構建render樹 -> 布局render樹 -> 繪製render樹

不過有三個點需要注意:

雖然能夠很快渲染出頁面,但是沒有執行react時頁面無法進行互動

獲取第乙個位元組時會更加慢一點,由於ssr需要將完整的渲染過的檔案傳回browser,而csr只需要返回位元組相對較少的json檔案即可

對伺服器的吞吐量產生影響,reactdomserver.rendertostring

例如reactdomserver.rendertostring的特點就是: 1>同步方法 2>獨享cpu 3>阻塞事件迴圈流程

就像官網所說的,如果你調研服務端渲染的目的是用來改善少數營銷頁面的seo,那麼我們需要的可能是預渲染

區別ssr和預渲染使用場景還是有很大的區別的,預渲染使用場景更多的時我們所說的靜態頁面的形成,預渲染的使用場景更多是我們所說的靜態頁面的形式,而服務端渲染適用於大型的、與服務端有資料互動的功能型**,乙個明顯的使用場景就是電商**。

如何使用:prerender-spa-plugin

瀏覽器渲染原理及流程

「服務端渲染」吊打「客戶端渲染」的那些事

詳解如何在webpack中做預渲染降低首屏空白時間

Node art template服務端渲染

http 模組 檔案處理模組 var fs require fs 建立服務例項 檔案路徑 var pathdir d hbuiderprojects nodejslearn resoure 監聽客戶端請求 server.on request function req,res console.log ...

服務端渲染總結

1.服務端渲染2個優點 和 缺點 1.1 服務端渲染可以減少白屏時間 服務端渲染,客戶端接收到html,可以直接顯示 客戶端渲染,客戶端接收到html,解析完畢,還要向服務端去請求js檔案,返回後,執行完js,才能顯示完成 因此,服務端渲染,白屏時間短。1.2 服務端渲染利於seo 有清晰的html...

一面 二面(7)之預渲染,服務端渲染和客戶端渲染

服務端渲染和客戶端渲染的區別 1 首先先來了解三個專業名詞 優點 頁面之間切換快,減少了伺服器的壓力因為spa單頁面應用,是通過ajax獲取資料,這就難保證我們的頁面能被搜尋引擎收到,並且有一些搜尋引擎不支援js和通過ajax獲取資料。那就更不用提seo了,為了解決這個 問 題就產生了ssr。3 s...