面试题：React中Server Side Rendering性能优势的具体体现

Question

请阐述在React Server Side Rendering（SSR）场景下，相比客户端渲染，SSR在性能方面有哪些显著优势？请至少列举三个方面，并简要说明原因。

Answer 1

• 首屏加载速度更快：
  • 原因：服务器端渲染在服务器就生成了完整的HTML页面，直接返回给客户端，客户端无需等待JavaScript加载和渲染，即可呈现页面内容，大大提高了首屏加载的效率，尤其对于网络较慢的用户体验提升明显。
• SEO友好：
  • 原因：搜索引擎爬虫抓取页面时，不会执行JavaScript。SSR返回的是已经渲染好的HTML，爬虫可以直接获取页面内容，准确理解页面信息，有利于网站在搜索引擎中的排名。
• 减少客户端资源消耗：
  • 原因：SSR在服务器完成大部分渲染工作，客户端只需接管已经渲染好的页面，减少了客户端CPU和内存的消耗，对于性能较低的移动设备或老旧设备，能提供更流畅的体验。