首頁技術文章正文

什么是服務器端渲染？它有哪些優(yōu)點和不足？

更新時間:2021年08月20日16時00分來源:傳智教育瀏覽次數:

服務器端渲染，顧名思義就是將頁面或者組件通過服務器生成HIML字符串，將它們直接發(fā)迭到河覽器，最后將靜態(tài)標記“混合”為客戶端上完全交互的應用程序。本節(jié)將對服務器端渲染的基本概念和服務器端渲染優(yōu)點和不足做詳細介紹。

1.服務器端渲染

Vue進行服務器端渲染時，需要利用Nodejis搭建一一個服務器,并添加服務器端渲染的代碼邏輯。使用webpack-dev-middleware中間件對更改的文件進行監(jiān)控，使用wbpack-hot-middleware中間件進行頁面的熱更新，使用vue-server-rendrere插件來誼染服務器端打包的bundle文件到客戶端。

2.服務器端渲染的優(yōu)點

如果網站對SEO(搜索引擎優(yōu)化)要求比較高，頁面又是通過異步來獲取內容，則需要使用服務器渲染來解決此問題。

服務器端渲染相對于傳統(tǒng)的SPA(單頁面應用)來說，主要有以下優(yōu)勢。

(1)利于SEO

Vue SSR利用Node.js搭建頁面渲染服務，在服務端完成頁面的渲染(把以前需要在客戶端完成的頁面渲染放在服務器端來完成)，便于輸出SEO更友好的頁面。

(2)首屏渲染速度快

在前后端分離的項目中，前端部分需要先加載靜態(tài)資源，再采用異步的方式去獲取數據，最后來渲染頁面。其中，在獲取靜態(tài)資源和異步獲取數據階段，頁面上是沒有數據的，這將會影響首屏的渲染速度和用戶體驗。

猜你喜歡：

Js語言解析：vue語言中的keep-alive

vue-router如何實現實現單頁面前端路由？

APP測試需要注意什么？APP測試包含哪些方面？

傳智教育web前端高級軟件工程師課程

上一篇：JavaScript是怎樣修改標簽頁內容的？ 下一篇：什么是客戶端渲染？