DEV Community
·
客户端渲染 (CSR) 与服务器端渲染 (SSR)：简化解读
💡
原文英文，约200词，阅读约需1分钟。
📝
内容提要
客户端渲染（CSR）需要将所有组件捆绑并发送到客户端进行渲染，导致较大的捆绑包和更多的内存需求。搜索引擎无法查看内容，不支持JS代码执行，不利于SEO。敏感数据暴露给客户端，安全性较低。服务器端渲染（SSR）只发送必要的组件，避免不必要的捆绑包，减少资源需求。服务器处理大部分渲染工作，客户端资源利用率高。搜索引擎可以查看、理解和索引内容，SEO效果好。敏感数据可以保存在服务器端，安全性更高。CSR初始页面加载较慢，后续页面加载较快，SSR相反。CSR用户体验更交互，SSR初始交互较少。CSR服务器负载较低，SSR较高。CSR需要JavaScript，SSR不需要。
🎯
关键要点
- 客户端渲染（CSR）需要将所有组件捆绑并发送到客户端，导致较大的捆绑包和更多的内存需求。
- 搜索引擎无法查看内容，无法执行JS代码，不利于SEO。
- 敏感数据暴露给客户端，安全性较低。
- 服务器端渲染（SSR）只发送必要的组件，避免不必要的捆绑包，减少资源需求。
- 服务器处理大部分渲染工作，客户端资源利用率高。
- 搜索引擎可以查看、理解和索引内容，SEO效果好。
- 敏感数据可以保存在服务器端，安全性更高。
- CSR初始页面加载较慢，后续页面加载较快，SSR相反。
- CSR用户体验更交互，SSR初始交互较少。
- CSR服务器负载较低，SSR较高。
- CSR需要JavaScript，SSR不需要。
➡️
