原链接：https://vercel.com/blog/how-to-choose-the-best-rendering-stra...
作者：Alice Alexandra Moore
标题：How to choose the best rendering strategy for your app
优化代码交付方式的性能。
Web 渲染已经从简单的服务器渲染HTML页面演变为高度互动和动态的应用程序，现在有更多的方式将你的应用呈现给用户。静态站点生成（SSG）、服务器端渲染（SSR）、客户端渲染（CSR）、增量静态再生（ISR）和实验性的部分预渲染（PPR）都被开发出来，以在不同情况下优化性能、SEO和用户体验。本文将探讨每种渲染策略的使用场景和权衡，并展望内容交付的未来。
什么是渲染策略？
“渲染”这个术语可能听起来像行话，但其核心只是解决网络的基本挑战：如何将 代码 转化为 用户可以在浏览器中看到和交互的内容？如果有帮助的话，可以将渲染策略想象成不同的上菜方式。你可以：
- 预先烹饪所有食物（静态渲染）
- 重新加热冷盘（增量静态再生）
- 根据订单烹饪菜肴（服务器端渲染）
- 给顾客提供自己准备的食材（客户端渲染）
每种方法都有其适用的场景，取决于你想要创造的用餐体验。最好的餐厅会结合多种方法，以确保及时性、新鲜度，并满足顾客的偏好。不同的渲染策略适用于不同的应用。将它们结合起来有助于你平衡速度、数据新鲜度和互动性等因素。理解这些策略并不是为了记住技术术语，而是为了在合适的时间选择合适的工具，以创造最佳的用户（和开发者）体验。
定义每种渲染策略
让我们详细探讨每种渲染方法，重点关注其理想的使用场景、优点和实施考虑。
什么是静态站点生成（SSG）？
SSG在构建时预渲染页面，生成静态HTML文件，可以在边缘缓存并快速高效地提供。SSG从你的源服务器获取动态数据，并在构建时将其放入应用中。然后，用户在请求时获取所有快速的静态数据。
理想使用场景：
- 内容变化非常不频繁的页面
- 网站布局
- 性能关键的营销页面
- 文档或其他需要快速重建的网站
好处：
- 尽可能快的页面加载速度
- 出色的 SEO 性能
- 减少服务器负载
- 最低的基础设施成本
实施注意事项：
- 增加了具有大量页面的网站的构建时间
- 内容更新需要新的生成和部署
- 可以与动态元素的客户端数据获取相结合，但这比服务器端获取慢，因为每个数据请求都会启动到服务器的新往返
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用。你还可以使用@来通知其他用户。