四節蝦
對於網頁而言,無論後端程序是多麼的複雜,最終返回給客戶端的還是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,別一方面充分複用客戶機,節約服務器資源,