4.2.3　前后端渲染對比

早期的Web項目一般是在服務器端進行渲染，服務器進程從數(shù)據(jù)庫獲取數(shù)據(jù)后，利用后端模板引擎，甚至直接在HTML模板中嵌入后端語言（例如JSP），將數(shù)據(jù)加載進來生成HTML，然后通過網(wǎng)絡傳輸?shù)接脩舻臑g覽器中，被瀏覽器解析成可見的頁面。而前端渲染則是在瀏覽器中利用JS把數(shù)據(jù)和HTML模板進行組合。兩種方式各有自己的優(yōu)缺點，需要根據(jù)自己的業(yè)務場景來選擇技術方案。

前端渲染的優(yōu)點在于：①業(yè)務分離，后端只需要提供數(shù)據(jù)接口，前端在開發(fā)時也不需要部署對應的后端環(huán)境，通過一些代理服務器工具就能遠程獲取后端數(shù)據(jù)進行開發(fā)，能夠提升開發(fā)效率；②計算量轉移，原本需要后端渲染的任務轉移給了前端，減輕了服務器的壓力。

后端渲染的優(yōu)點在于：①對搜索引擎友好；②首頁加載時間短，后端渲染加載完成后就直接顯示HTML，但前端渲染在加載完成后還需要有一段JS渲染的時間。