什么是服务端渲染
- SSR(server side render)
简单理解是将组件或页面通过服务器生成html字符串,再发送到浏览器,最后将静态标记"混合"为客户端上完全交互的应用程序
服务端渲染VS客户端渲染
-
服务器端
如图页面使用了服务端渲染,当请求user页面时,返回的body里已经有了首屏的html结构,之后结合css显示出来
- 优点
SEO 友好、首屏渲染快、单个页面来看性能较好(一般 JS 只是辅助,代码量会比较小,服务器性能是可以加钱提升) - 缺点
开发条件所限,更大的服务器端负载
- 优点
-
客户端渲染
如图页面没使用服务渲染,当请求user页面时,返回的body里为空,之后执行js将html结构注入到body里,结合css显示出来
- 优点
节省后端资源,局部刷新页面,多端渲染,前后端分离 - 缺点
首屏性能差,白屏,无法(很难)进行SEO
- 优点
注:
SEO(Search Engine Optimization),搜索引擎优化