在日常生活中，無論是客戶端渲染還是服務端渲染，在感官上我們似乎很難發現二者在速度上的區別，但是我如果在網路基礎速度較慢的情況下這個問題就會尤為突出。
我們可以通過這個方式來改變網路載入速度，來體會二者的區別。
在慢速網路的情況下，大約載入了6s左右的時間
傳統的服務端渲染只花費了2秒左右。
這是服務端請求的結果，發現服務端渲染請求很簡單,html 直出,瀏覽器載入到文件就可以開始渲染.
而客戶端渲染，至少要經歷三次http請求週期
第一次是頁面的請求
第二次是js對應的請求
第三次動態資料的請求
seo：searchengineoptimization 搜尋引擎優化。說白了就是讓瀏覽器知道你的網頁有什麼內容，從而確定網頁的排名。
搜尋引擎可以通過某個程式來獲取網頁內容，接下來通過node模擬一下瀏覽器通過程式獲取網頁內容的過程
// 以node 為例
)// 通過程式獲取指定的網頁內容 csr
)
// 以node 為例
)// 通過程式獲取指定的網頁內容 ssr
)
對比二者獲取的網頁內容可以發現：
客戶端渲染網頁內容是空的，內容通過解析執行js指令碼才能渲染出來網頁內容
服務端渲染可以清晰的看到頁面的內容，根據內容可以更有利於搜尋
綜上所述，客戶端渲染不利於seo
服務端渲染和客戶端渲染區別？
首先，介紹一下 spa seo ssr 三者的區別 seo search engine optimization 搜尋引擎優化，利用搜尋引擎的規則提高 在有關搜尋引擎內的自然排名。我們之前說 spa 單頁面應用，通過 ajax 獲取資料，這就難保證我們的頁面能被搜尋引擎收到。並且有一些搜尋引擎不支援...
服務端渲染和客戶端渲染的對比
這裡結合art template模板引擎說明。首先了解下前端頁面中如何使用art template 1 script 標籤匯入包，當這個標籤匯入完畢後，在window全域性中就有了template 函式。2 建立乙個script標籤，內部是模板字串 3 var htmlstr template tm...
伺服器端渲染和客戶端渲染
網際網路早期，使用者使用瀏覽器瀏覽的都是一些沒有複雜邏輯的 簡單的頁面，這些頁面都是在後端將html拼接好的然後將之返回給前端完整的html檔案，瀏覽器拿到這個html檔案之後就可以直接解析展示了，而這也就是所謂的伺服器端渲染了。而隨著前端頁面的複雜性提高，前端就不僅僅是普通的頁面展示了，而可能新增...