服务端渲染(SSR) 和客户端渲染(CSR) 优点和缺点

最近在搞VUE和REACT下的两个前端框架，由此引入SEO的一个问题，也算是CMS的一个经典问题。目前vue和react都支持SSR技术，与之相对的就是CSR。

SSR：Server side render
访问的页面在服务器端已经完全生成html内容，浏览器只负责展示，通常来说在这个过程中我们把后台必要的数据都放到页面中，此过程便是我们的最传统的开发方式。其中由api再动态请求后端进行页面绑定，这一场景显然不归在列。

CSR：Client side render
页面是通过前端JS动态解析或者是由请求后台接口返回Part View的形式，异或是通过请求后台接口得到数据，再由前端框架进行解析生成html元素进行展示。

SSR优点
（1）利于SEO，便于搜索引擎收录，这个是最主要优点。
（2）本地可做整个页面缓存，看情况。
（3）展示比一块块显示 体验要好。

SSR缺点
（1）服务器压力大
（2）前端界面缺乏灵活性，开发起来虽然简单但量大。

CSR 优点
（1）服务器压力小（这个是主要）
（2）功能划分使得分工明确开发后便于维护

CSR的缺点
（1）不利于SEO（这个最主要）
（2）整体上请求次数会多，加载会慢（也看情况）

以上就是我的总结，欢迎指正lebang2020.cn
 

1. 如何判断两个线段是否相交呢？
2. JS中阻止冒泡事件的最佳实践
3. electron-fetch 的使用示例
4. Electron fetch is not definded
5. BABYLON设置默认背景颜色
6. BABYLON使用Web颜色 十六进制转 BABYLON.Color3
7. html中video切换资源和销毁释放
8. JavaScript字符串转数字parseFloat
9. JavaScript 判断是否 NaN 的方法
10. video的销毁 释放资源
11. js控制音量大小 video标签
12. js判断某元素是否有指定属性
13. JavaScript Module 导出和导入 花括号特性
14. HTML5 Video标签 动态加载地址无法播放
15. Error "await is only valid in async functions and the top level bodies of modules"