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

2021-06-02  乐帮网

javascript web

最近在搞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
 

公众号二维码

关注我的微信公众号
在公众号里留言交流
投稿邮箱:xinsiyu6@gmail.com

庭院深深深几许?杨柳堆烟,帘幕无重数。
玉勒雕鞍游冶处,楼高不见章台路。
雨横风狂三月暮。门掩黄昏,无计留春住。
泪眼问花花不语,乱红飞过秋千去。

欧阳修

付款二维码

如果感觉对您有帮助
欢迎向作者提供捐赠
这将是创作的最大动力