我要招人

前端/移动开发面试题更新 2026-08-05

在过去的项目实践中，你是依据什么标准来识别某个页面属于服务端渲染还是客户端渲染？面对一个新的页面需求，你会如何决策采用哪种渲染方式？

前端/移动开发技术原理技术选型方案权衡

考察说明

考查候选人对SSR与CSR本质区别的理解，以及在实际项目中根据场景选择渲染方案的能力。

回答思路

  1. 【回答框架 1】服务端渲染（SSR）指页面HTML由服务器生成后直接返回浏览器，用户首先获得完整可交互页面，利于SEO和首屏加载；客户端渲染（CSR）则返回空壳HTML，通过JavaScript在浏览器端动态生成内容，首屏依赖JS执行。
  2. 【回答框架 2】选择依据包括SEO需求、首屏性能、交互复杂度、开发维护成本。若页面需要搜索引擎收录，如内容型站点，优先SSR；若后台系统或交互密集型应用，CSR更合适。
  3. 【回答框架 3】实际项目中常采用同构方案，如Next.js或Nuxt.js，兼顾SEO和开发效率。也可通过动态导入或按需加载，对关键页面SSR，对次要页面CSR，实现混合渲染。
  4. 【回答框架 4】需考虑服务端压力、缓存策略、网络环境等因素，通过性能测试和监控调整方案，确保用户体验和运维成本平衡。
  5. 【关键点 1】SSR利于SEO和首屏加载，CSR利于交互和前后端分离。
  6. 【关键点 2】选择主要依据SEO需求和首屏性能要求。
  7. 【关键点 3】可结合两者优势，采用同构渲染或混合渲染策略。
  8. 【关键点 4】决策时需权衡服务端负载、开发维护成本和用户体验。
  9. 【易错点 1】不要认为SSR总是更快，在交互密集场景下CSR可能更优。
  10. 【易错点 2】避免所有页面统一使用同一种渲染方式，应根据实际需求灵活选择。
  11. 【易错点 3】注意SSR的服务器成本，需考虑缓存和扩容策略。