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

任何的web項目基本的須要就是把後端的數據庫中的數據渲染到頁面上，客戶端渲染和服務端渲染都是渲染數據的主要方式。

 

一、客戶端渲染（BSR）

   前端利用ajax等數據交互手段獲取服務端提供的數據以後，渲染到HTML頁面。

       方法：（ajax、jsonp、fetch）=> 獲取數據 => 文檔碎片插入，拼接字符串，模板引擎。

    

客戶端運行了頁面以後才進行

• 優勢：靈活，真正的先後端分離，方便於先後臺各自更新維護

• 缺點： 對SEO不友好，增長了http請求次數，減緩了頁面加載速度       

二、服務端渲染 （SSR）

   在後端看來，頁面文件其實就是一個「字符串」，因此服務端徹底能夠在獲取到HTML文 件的內容以後通過一些處理再返回給客戶端，也就說，服     務端能夠將數據插入到HTML 字符串中以後再返回給客戶端   

• 優勢: 對SEO友好，減小了http請求次數，加速了頁面初次渲染速度

• 缺點： 不靈活，先後端耦合度過高

 

天天積累一點點，也會很棒的，加油!