面试题答案
一键面试客户端渲染（CSR）
- 优势：
- 交互性好：页面初次加载后，后续页面切换流畅，无需等待整个页面重新加载，用户体验感好。
- 开发简单：开发模式相对直观，前端开发者可以更专注于构建用户界面和交互逻辑。
- 劣势：
- SEO 不佳：搜索引擎爬虫通常不会执行 JavaScript，页面初始 HTML 内容为空，不利于搜索引擎抓取关键信息，影响搜索排名。
- 首屏加载慢：需要先加载 JavaScript 代码，解析并渲染后才显示页面内容，在网络条件不佳时首屏加载时间长。
服务端渲染（SSR）
- 优势：
- SEO 友好：服务器直接返回已经渲染好的 HTML 页面，搜索引擎爬虫能够直接抓取到完整的页面内容，提升网站在搜索结果中的排名。
- 首屏加载快：用户能更快看到页面内容，特别是对于内容丰富的页面，无需等待 JavaScript 加载和执行就可呈现。
- 劣势：
- 服务器负载高：每次请求都需要服务器进行页面渲染，增加了服务器的计算资源消耗和负载压力。
- 开发运维复杂：需要考虑服务器的配置、性能优化、状态管理等更多因素，开发和运维成本相对较高。
根据 SEO 需求选择合适的渲染方式
- 内容驱动且重视 SEO 的项目：如新闻网站、博客平台等，优先选择 SSR。能确保搜索引擎及时准确抓取内容，提高网站曝光度。
- 交互性强但 SEO 需求一般的项目：如单页应用（SPA）类型的 Web 游戏、特定工具类应用，CSR 更合适。可以专注于提升用户交互体验，而不必过度担忧 SEO 问题。
- 混合方式：部分页面采用 SSR 以满足 SEO 需求，如首页、产品介绍页等；部分交互性强的页面采用 CSR，平衡 SEO 与用户体验，不过这种方式开发和维护成本较高。