面试题：Node.js中CSR的优势与劣势分别有哪些

Question

在Node.js客户端渲染（CSR）的场景下，请详细阐述CSR相比于其他渲染方式（如SSR等）具有哪些优势，又存在哪些劣势？

Answer 1

优势

1. 减轻服务器压力：渲染工作在客户端完成，服务器只需提供数据，降低了服务器计算资源的消耗，可同时处理更多请求。
2. 更好的动态交互性：页面渲染完成后，后续的交互操作响应迅速，因为无需与服务器频繁通信来重新渲染页面部分内容，例如单页应用（SPA）中用户界面的动态更新。
3. 开发部署灵活：开发模式相对简单，前端开发者可以专注于前端技术栈，开发、测试和部署流程与后端关联相对较少，部署速度快。

劣势

1. 首屏加载慢：客户端需要先下载JavaScript代码，然后再执行代码进行页面渲染，在网络条件不佳时，首屏显示时间会明显变长，影响用户体验。
2. SEO不友好：搜索引擎爬虫通常不执行JavaScript，CSR页面初始加载时可能没有完整的HTML内容，导致搜索引擎难以抓取和索引页面信息，影响网站在搜索引擎中的排名。
3. 兼容性问题：不同浏览器对JavaScript的支持和执行效率存在差异，可能导致在某些浏览器上出现渲染异常或性能问题，需要花费额外精力进行兼容性测试和处理。