CSR
2024-04-11 373
详情
报告
跨境服务
文章
CSR客户端渲染模式有其独特的优缺点,选择使用CSR或者SSR应该根据实际的业务需求和应用场景来决定。
一、CSR的概念
CSR,全称为Client Side Rendering,中文名称为客户端渲染。在传统的服务器端渲染(SSR)模式中,页面是由服务器生成并发送到客户端的,而在CSR模式中,应用的逻辑、状态管理和视图渲染等全部工作在客户端(通常指浏览器)进行。
当用户请求一个网站时,服务器会发送一个不完整的HTML文档和网站使用的JavaScript文件,客户端浏览器在获取这些资源后,通过JavaScript将HTML文档解析为DOM,然后使用JavaScript直接操作DOM来进行页面渲染,这种方式就是CSR。
二、CSR的优点
用户体验
由于HTML和JavaScript文件的加载只需要发生一次,因此一旦完成,页面的响应速度就会大大提高,对用户体验有显著的提升。
轻量级
在CSR中,服务器只需负责提供数据接口,不再需要对页面的渲染负责,可以减轻服务器的负担。
易于开发
在客户端渲染的模式中,前端开发者可以自行处理界面和数据处理的相关逻辑,无需依赖服务器。
三、CSR的缺点
首屏加载时间长
由于客户端需要先加载JavaScript文件,然后执行JavaScript代码生成DOM,再渲染页面,因此首次加载页面的时间相对较长。
搜索引擎优化(SEO)问题
由于CSR的内容是动态加载的,不像SSR那样可以直接被搜索引擎抓取,因此对SEO不友好。
需要更强的客户端性能
因为页面渲染、逻辑处理等工作都是在客户端完成的,所以相比于传统的服务器渲染,CSR需要更强大的客户端性能。
关联词条
活动
服务
百科
问答
文章
社群
跨境企业