DEV Community
·
客户端渲染（CSR）
💡
原文约800字/词，阅读约需3分钟。
📝
内容提要
客户端渲染（CSR）是一种现代Web开发技术，将页面渲染转移到客户端，提升用户体验。CSR通过发送基本的HTML和JavaScript文件实现动态更新，适合实时交互和动态内容应用。但CSR也存在JavaScript负担重和SEO问题。可通过静态网站生成（SSG）和服务器端渲染（SSR）等技术来解决这些问题。
🎯
关键要点
- 客户端渲染（CSR）是一种现代Web开发技术，提升用户体验。
- CSR将页面渲染转移到客户端，适合实时交互和动态内容应用。
- CSR通过发送基本的HTML和JavaScript文件实现动态更新。
- CSR的优势包括快速的页面导航和良好的用户体验。
- CSR的缺点包括JavaScript负担重和SEO问题。
- CSR依赖于客户端设备的性能，可能影响用户体验。
- 静态网站生成（SSG）和服务器端渲染（SSR）可以解决CSR的缺点。
- SSG在构建期间生成静态页面，SSR在服务器端渲染页面并返回给客户端。
❓
延伸问答
什么是客户端渲染（CSR）？
客户端渲染（CSR）是一种Web开发技术，将页面渲染转移到客户端，提升用户体验。
客户端渲染的主要优点是什么？
客户端渲染的优点包括快速的页面导航和良好的用户体验，适合实时交互和动态内容应用。
客户端渲染存在哪些缺点？
客户端渲染的缺点包括JavaScript负担重和SEO问题，可能影响用户体验。
如何解决客户端渲染的SEO问题？
可以通过静态网站生成（SSG）和服务器端渲染（SSR）等技术来解决客户端渲染的SEO问题。
客户端渲染适合哪些类型的应用？
客户端渲染适合需要实时交互和动态内容的应用，如单页面应用（SPA）和仪表板。
客户端渲染的工作流程是怎样的？
客户端渲染的工作流程包括用户请求页面，服务器返回基本HTML，浏览器下载JavaScript并执行，最终动态渲染页面。
➡️
