03.03 後端渲染html,前端模板渲染html,jquery的html,各有什麼區別?

四節蝦


對於網頁而言,無論後端程序是多麼的複雜,最終返回給客戶端的還是HTML文件。頁面渲染模式主要分:服務器端渲染、客戶端(前端)渲染。不管哪種渲染模式,其實都是基於模板引擎而言的。

對於普通用戶而言,採用哪種渲染模式似乎並不重要,但對於網站架構而言其中區別還是很大的。

服務器端渲染(SSR)

服務器端渲染其實就是服務器端在返回HTML給客戶端之前,先將HTML模板上特定區域填充上數據後生成完整的HTML返回給客戶端。

此時模板文件存儲在服務器端。

1、優點:由服務器端進行數據填充工作,不會影響前端性能(解析模板是有性能開銷的)、SEO友好、首屏渲染快;

2、缺點:佔用了服務器端運算資源,響應體較大(因為返回的是完整的HTML文本)。

客戶端渲染

客戶端渲染指的就是藉助前端的JavaScript調用後端API來實現頁面渲染。前端也是有模板引擎的,而前端模板引擎在填充數據時也是靠JS來操作DOM節點的。

此時模板文件存儲在前端。

1、優點:不佔用服務器端資源,模板在前端改起來更容易,不用麻煩後端聯調;

2、缺點:由前端JS負責數據解析和填充工作,在弱網環境下頁面加載時可能會出現亂版現象,渲染起來速度可能會慢一些。另外使用前端渲染很多數據都是動態調用API進行填充的,所以不利於SEO。


以上就是我的觀點,對於這個問題大家是怎麼看待的呢?歡迎在下方評論區交流 ~ 我是科技領域創作者,十年互聯網從業經驗,歡迎關注我瞭解更多科技知識!

網絡圈


大部分網站都是前端渲染,根據後端提供的數據接口(比如json)渲染html。這種最常用,最簡單,通用性最好,缺點就是seo不友好,一般的管理系統都是用前端渲染,如果網站入口主要在搜索引擎,如新聞類網站,需要用後端渲染。

後端渲染就是把html拼接好直接傳遞給前臺顯示,搜索引擎可以直接爬到完整的頁面代碼。

jquery.html只是把html內容放進某個元素內而已


stepmd


現在應該是混合的吧,一方面要照顧seo,別一方面充分複用客戶機,節約服務器資源,


分享到:


相關文章: