对vue SSR的理解
Server-Side Rendering
我们称其为SSR
,意为服务端渲染指由服务侧完成页面的
HTML
结构拼接的页面处理技术,发送到浏览器,然后为其绑定状态与事件,成为完全可交互页面的过程先来看看
Web
3个阶段的发展史:
- 传统服务端渲染SSR
- 单页面应用SPA
- 服务端渲染SSR
Vue SSR
是一个在SPA
上进行改良的服务端渲染- 通过
Vue SSR
渲染的页面,需要在客户端激活才能实现交互Vue SSR
将包含两部分:服务端渲染的首屏,包含交互的SPA
SSR主要解决了以下两种问题:
- seo:搜索引擎优先爬取页面
HTML
结构,使用ssr
时,服务端已经生成了和业务想关联的HTML
,有利于seo
- 首屏呈现渲染:用户无需等待页面所有
js
加载完成就可以看到页面视图(压力来到了服务器,所以需要权衡哪些用服务端渲染,哪些交给客户端)但是使用
SSR
同样存在以下的缺点:
- 复杂度:整个项目的复杂度
- 库的支持性,代码兼容
- 性能问题
- 每个请求都是
n
个实例的创建,不然会污染,消耗会变得很大- 缓存
node serve
、nginx
判断当前用户有没有过期,如果没过期的话就缓存,用刚刚的结果。- 降级:监控
cpu
、内存占用过多,就spa
,返回单个的壳
- 服务器负载变大,相对于前后端分离服务器只需要提供静态资源来说,服务器负载更大,所以要慎重使用
到这里也就结束了,希望对您有所帮助。