服務端渲染&&客戶端渲染

客戶端渲染+服務器端渲染

 　　一、客戶端渲染

　　　　

 

 

 　　　　因此通常會發兩次請求，第一次請求頁面字符串，第二次請求數據

　　二、服務端渲染

　　　　

 

 

 　　　　固然，ajax等異步請求也會用到，只是看具體應用場景

　　三、如何判斷網頁是客戶端渲染仍是服務器渲染

查看網頁源代碼，若是源代碼裏有頁面對應內容，則是服務端渲染。若是沒有頁面對應內容，則是客戶端渲染

　　　　①查看網頁源代碼，發現裏面有商品信息，因此這裏是服務端渲染

　　　　　　

 

 　　　　　　

　　　　②查看商品評價，明顯有異步操做，沒有刷新頁面，但局部更新了頁面部份內容，這裏便使用了客戶端渲染技術

　　　　　　

 

 　　　　　　若是是客戶端後期動態追加的，便從源碼裏找不到相應內容

　　四、小結

分析後得出，商品列表爲服務端渲染，在發送響應時，將頁面和數據一塊兒給了瀏覽器，能夠在審查源代碼裏找到。
而商品評價爲客戶端渲染，是客戶端發送請求，後期動態生成的，審查源代碼找不到。
因此，一個網站既有服務端渲染，又有客戶端渲染。

　　五、SEO問題

之因此將客戶端渲染和服務器渲染結合，這裏主要考慮SEO搜索引擎優化問題。
ajax異步渲染的數據，使用爬蟲沒法獲取，即客戶端渲染不利於SEO

　　　　

　　六、使用場景

若是須要考慮SEO搜索引擎優化，則必須使用服務端渲染，不然使用客戶端渲染能夠更快一些，用戶體驗也更好

 

 

 

 

 

 

.