SSR

SSR

什么是SSR

服务端渲染Server Side Render

Vue是构建客户端应用的框架，默认是在浏览器中输出Vue组件，生成和操作DOM的。

服务端渲染的含义是，在服务端将组件渲染为HTML字符串，再将字符串发送到浏览器，最后将这些静态字符串激活为客户端上的应用。

优点

• 更好的SEO： SPA页面内容是通过Ajax异步加载的，而搜索引擎的爬虫不会等待异步结果的返回。 而SSR应用的内容是已经渲染好的HTML，搜索引擎可以更好的抓取内容
• 更快的首屏加载时间： SPA应用要等Vue的js文件下载完成后才能开始页面的渲染；而SSR直接由服务器完成渲染后返回，无需等待下载的时间。

缺点

• 更多的服务器负载： SSR应用要在Node中渲染完整的应用程序显然会比返回静态文件更加耗费资源。
• 更多的开发限制：
  • 只支持beforeCreate和created两个钩子函数
  • SPA可以部署在任何静态资源服务器上，但SSR必须运行在Node.js的server环境下

预渲染与SSR的区别

• 预渲染只对少量的特定路径生成HTML文件，所以对于SEO的改进也只限于这些页面
• 预渲染在构建时进行HTML文件的编译，减轻了服务器的压力
• 预渲染之后的前端项目是一个静态网站，对部署的服务器没有额外要求