Vue.js
是构建客户端应用程序的框架。默认情况下,可以在浏览器中输出Vue
组件,进行生成DOM
和操作DOM
。然而,也可以将同一个组件渲染为服务端的HTML
字符串,将它们直接发送到浏览器,最后将这些静态标记"激活"为客户端上完全可交互的应用程序。
即:SSR
大致的意思就是vue
在客户端将标签渲染成的整个 html 片段的工作在服务端完成,服务端形成的html
片段直接返回给客户端这个过程就叫做服务端渲染。
服务端渲染 SSR
的优缺点如下:
- (1)服务端渲染的优点:
更好的 SEO
: 因为 SPA
页面的内容是通过 Ajax
获取,而搜索引擎爬取工具并不会等待 Ajax
异步完成后再抓取页面内容,所以在 SPA
中是抓取不到页面通过 Ajax
获取到的内容;而 SSR
是直接由服务端返回已经渲染好的页面(数据已经包含在页面中),所以搜索引擎爬取工具可以抓取渲染好的页面;
更快的内容到达时间(首屏加载更快): SPA
会等待所有 Vue
编译后的 js
文件都下载完成后,才开始进行页面的渲染,文件下载等需要一定的时间等,所以首屏渲染需要一定的时间;SSR
直接由服务端渲染好页面直接返回显示,无需等待下载 js
文件及再去渲染等,所以 SSR
有更快的内容到达时间;
-
(2) 服务端渲染的缺点:
- 更多的开发条件限制: 例如服务端渲染只支持
beforCreate
和created
两个钩子函数,这会导致一些外部扩展库需要特殊处理,才能在服务端渲染应用程序中运行;并且与可以部署在任何静态文件服务器上的完全静态单页面应用程序SPA
不同,服务端渲染应用程序,需要处于Node.js server
运行环境; - 更多的服务器负载:在
Node.js
中渲染完整的应用程序,显然会比仅仅提供静态文件的server
更加大量占用CPU
资源 (CPU-intensive - CPU
密集),因此如果你预料在高流量环境 (high traffic
) 下使用,请准备相应的服务器负载,并明智地采用缓存策略。
- 更多的开发条件限制: 例如服务端渲染只支持
常见问题FAQ
- 免费下载或者VIP会员专享资源能否直接商用?
- 本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。更多说明请参考 VIP介绍。
- 提示下载完但解压或打开不了?
- 找不到素材资源介绍文章里的示例图片?
- 模板不会安装或需要功能定制以及二次开发?
发表评论
还没有评论,快来抢沙发吧!