前端面試題之SSR

客戶端渲染：

在服務端放了一個html 頁面，裡面有

客戶端發起請求，服務端把頁面（響應的是字串）傳送過去，客戶端從上到下依次解析，如果在解析的過程中，發現ajax

請求，再次像伺服器傳送新的請求，客戶端拿到ajax 響應結果，模板引擎渲染。

過程至少和服務端發起兩次請求

SSR：服務端渲染：

sever 端頁面+資料，服務端過程：1.讀取index.html 2.模版進行渲染，在傳送給客戶端之前，在服務端已經把index.html 渲染處理了。var 渲染結果 = tempeter.render(模板字串，｛解析替換物件｝) response.end(渲染結果)，服務端響應的就是最總的結果

服務端只請求一次

多數網站既有服務端渲染又有客戶端渲染

服務端渲染和客戶端渲染的區別

• 客戶端渲染不利於 SEO 搜尋引擎優化
• 服務端渲染是可以被爬蟲抓取到的，客戶端非同步渲染是很難被爬蟲抓取到的
• 所以你會發現真正的網站既不是純非同步也不是純服務端渲染出來的
• 而是兩者結合來做的
• 例如京東的商品列表就採用的是服務端渲染，目的了為了 SEO 搜尋引擎優化
• 而它的商品評論列表為了使用者體驗，而且也不需要 SEO 優化，所以採用是客戶端渲染