如何知道网站应该使用SSR还是客户端渲染？

您在现代网络上看到的几乎每个网站都使用 Javascript。Javascript 使网站具有交互性、个性化，并提供比纯 HTML 更丰富的用户体验。然而，Javascript 往往会使页面变慢，因为它需要加载额外的代码和资源。随着您的网站规模不断扩大，Javascript 代码的数量、复杂性和依赖性也会随之增加。这可能会导致性能不佳、网站运行缓慢和用户体验不佳。

默认情况下，网页会在您的浏览器中加载并执行 Javascript。这称为客户端渲染。另一种方法是服务器端渲染 (SSR)，它在服务器上执行 Javascript，然后将平面 HTML 响应发送到浏览器。

SSR 消除了在浏览器中加载和处理 Javascript 的需要，并改进了某些性能指标，例如 First Paint 和 First Contentful Paint。但是，它并不能神奇地使页面快速点亮：在服务器上生成页面需要时间，这通常会导致首字节时间(TTFB) 变慢。

我如何知道我的网站应该使用 SSR 还是客户端渲染？

大多数 Javascript 框架（Angular、Vue、React 等）都支持 SSR。但是，仅仅因为 SSR 可用并不意味着它最适合您的网站。对于中小型网站或主要关注内容的网站，采用和使用 SSR 解决方案相当容易。另一方面，大型企业应用程序难以弄清楚如何以经济高效的方式执行 SSR。

开发人员在使用 SSR 时面临的最大障碍围绕着复杂性。一些常见问题包括：

许多活动部件：大型网站倾向于使用复杂的代码库，这些代码库是拼凑在一起并随着时间的推移而发展的。这就是为什么推出 SSR 几乎与从头开始完全重建一样困难。

资源分配：将 SSR 添加到站点需要几个月的时间，并且需要工程团队的大量投资。这可能意味着他们将无法专注于添加功能、处理现有技术债务或推出任何新项目。

缺乏文档和统一方法：像 AirBnB 这样拥有大量工程资源的大公司有能力投资构建自己的 SSR 解决方案。精益团队或使用大量遗留代码的团队会发现这要困难得多。

持续支持：即使您构建并启动您的 SSR 应用程序，您也没有完成。对于新的站点更新，您必须确保 SSR 仍按预期工作，并修复新版本引入的任何潜在问题。

衡量影响：值得投资吗？我将如何衡量绩效差异并将它们与对业务、访问量和收入的影响联系起来？在不知道是否会得到回报的情况下，很难获得构建 SSR 解决方案的支持。

对于很多公司和工程团队来说，SSR 仍然是一项艰巨的任务，很难判断是否值得去做。我们在构建了一个解决 SEO 性能问题的解决方案，使用动态渲染、质量控制和缓存。它被称为Speedworkers。

动态渲染：照顾机器人

与服务器端渲染类似，动态渲染将仅向搜索机器人预渲染和提供纯 HTML 内容。

这对 SEO 来说是一个巨大的好处，原因有很多：

机器人可以更快地抓取您的内容，因此您的抓取预算会增加

他们可以访问以前从未见过的页面，从而提高索引

他们可以更有效、更频繁地抓取您的内容，从而使索引中的内容更新鲜

您的所有重要内容对机器人都是可见的，包括通常通过 Javascript 呈现的内容。

同时，您的最终用户没有任何改变：他们在浏览器中启用 Javascript 后获得相同的内容。当然，最好也为用户优化加载时间，但这比平衡 SSR 和 CSR 容易得多。

使用动态渲染和 SpeedWorkers，我们消除了对 SSR 的所有复杂性和需求。这是因为我们的解决方案涉及：

没有移动部件：我们在 CDN 级别上设置 SpeedWorkers，甚至无需接触您的网站

资源分配无忧：让您的技术团队专注于重要项目

无需阅读文档：我们知道动态渲染已获得 Google 和 Bing 的认可和推荐

没有额外的支持：这是一个相当交钥匙的解决方案，我们运行和维护它

我们通过 SiteAnalytics 衡量影响，通过 SpeedWorkers 仪表板监控绩效并为您提供报告。

SpeedWorkers 还可以为您节省基础设施成本，因为现在 SpeedWorkers 承担了大量的机器人流量，而不是您的服务器。

您可以期待的结果

SpeedWorkers 机器人的目标交付时间低于 300 毫秒。最重要的是，我们的缓存效率通常会带来更高的速度增益。在启动 SpeedWorkers 之后，您可以期待页面交付速度的提高。随着页面变得更快，机器人开始更有效地抓取您的网站，获取更多内容。

战略页面的爬取率也会增加，因为搜索机器人会在你的网站结构中变得更深更广。如果您是一个电子商务网站，并且提高了产品详细信息页面的抓取率，那么这些页面很有可能会被编入索引和排名。因此，用户可以看到更多的产品库存。

提高速度的另一个好处是增加推动自然流量的活动页面。最后，被索引、排名和获得点击的页面越多，它们可以产生的增量收入就越多。这些是纯粹的 SEO 好处。我们还知道，SpeedWorkers 消除了投资工程资源的需要，并节省了基础设施成本，因为来自机器人的所有流量都流向 SpeedWorkers，而不是您的服务器。我们托管和维护它，因此您不必担心。

SSR 与 CSR 相比具有明显的优势。然而，SSR 可能很复杂、令人困惑且成本高昂。动态渲染是 SEO 的绝佳替代方案 - 联系我们获取 SpeedWorkers 的免费自定义演示，并可视化您网站的好处。

JavaScriptSSR客户端渲染服务器端渲染