服务端渲染

通过在服务器端将网页的 HTML 内容渲染成完整的网页,然后将生成的网页发送到客户端,客户端只需要显示网页即可,不需要再进行额外的渲染。

它主要的优势在于

  • 提高首屏加载速度:SSR 可以在服务器端生成完整的网页,客户端只需要下载网页内容即可,不需要再进行额外的渲染,从而提高了首屏加载速度。
  • 提高用户体验:SSR 可以提高网页的响应速度,从而提高用户体验。
  • 有利于 SEO:SSR 可以生成完整的 HTML 内容,搜索引擎可以直接索引 HTML 内容,从而提高网站的排名。

如果你有以下场景的需求,开发者可以考虑使用 SSR 来渲染你的页面:

  1. 对首屏加载速度要求较高的网站,如电商网站、新闻网站等。
  2. 对用户体验要求较高的网站,如社交网站、游戏网站等。
  3. 对 SEO 要求较高的网站,如企业官网、博客等。

在 Modern.js 中,SSR 也是开箱即用的。开发者无需为 SSR 编写复杂的服务端逻辑,也无需关心 SSR 的运维,或是创建单独的服务。 除了开箱即用的 SSR 服务,为了保证开发者的开发体验,我们还具备:

  • 完备的 SSR 降级策略,保证页面能够安全运行。
  • 自动分割子路由,按需加载,减少首屏资源体积。
  • 内置缓存系统,解决服务端负载高的问题。