首页技术文章正文

什么是服务器端渲染？它有哪些优点和不足？

更新时间:2021年08月20日16时00分来源:传智教育浏览次数:

服务器端渲染，顾名思义就是将页面或者组件通过服务器生成HIML字符串，将它们直接发迭到河览器，最后将静态标记“混合”为客户端上完全交互的应用程序。本节将对服务器端渲染的基本概念和服务器端渲染优点和不足做详细介绍。

1.服务器端渲染

Vue进行服务器端渲染时，需要利用Nodejis搭建一一个服务器,并添加服务器端渲染的代码逻辑。使用webpack-dev-middleware中间件对更改的文件进行监控，使用wbpack-hot-middleware中间件进行页面的热更新，使用vue-server-rendrere插件来谊染服务器端打包的bundle文件到客户端。

2.服务器端渲染的优点

如果网站对SEO(搜索引擎优化)要求比较高，页面又是通过异步来获取内容，则需要使用服务器渲染来解决此问题。

服务器端渲染相对于传统的SPA(单页面应用)来说，主要有以下优势。

(1)利于SEO

Vue SSR利用Node.js搭建页面渲染服务，在服务端完成页面的渲染(把以前需要在客户端完成的页面渲染放在服务器端来完成)，便于输出SEO更友好的页面。

(2)首屏渲染速度快

在前后端分离的项目中，前端部分需要先加载静态资源，再采用异步的方式去获取数据，最后来渲染页面。其中，在获取静态资源和异步获取数据阶段，页面上是没有数据的，这将会影响首屏的渲染速度和用户体验。

猜你喜欢：

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

vue-router如何实现实现单页面前端路由？

APP测试需要注意什么？APP测试包含哪些方面？

传智教育web前端高级软件工程师课程

上一篇：JavaScript是怎样修改标签页内容的？ 下一篇：什么是客户端渲染？