如何保持快速?

优化速度的品牌通常会发现他们的速度很快退步。 这是因为网站性能很像健身:一次性的努力是不够的;你必须改变你的生活方式。

性能预算是解决这个问题的一种方法。 性能预算是对影响网站性能的指标设置的一系列限制。 这个概念类似于财务预算:你设置一个限制并确保你保持在限制之内。 一般来说,一个好的性能预算结合了不同类型的指标;例如,产品页面的性能预算可能如下所示

在慢速 3G 网络下的可交互时间 小于 5 秒
在慢速 3G 网络下的首次内容绘制 小于 2 秒
Lighthouse 性能评分 大于 80
JavaScript 总大小 小于 170 kb
性能预算示例。

一旦设置,性能预算就必须强制执行,这意味着例如将预算纳入您的构建过程和报告中。 像 Lighthouse 这样的工具可以包含在您的持续集成中,您可以编写测试,如果关键指标降至设定阈值以下,则构建失败。 此外,通过仪表板或摘要报告进行定期报告可以帮助提高可见性和问责制。 Pinterest 是一个实施性能预算以确保其快速体验保持快速的企业示例,而像 Experian 这样的品牌现在正在将网站速度作为其月度执行 KPI 报告中的关键指标。

您可以在此处找到有关性能预算的更多详细信息。 一份描述如何进一步灌输性能文化并使所有利益相关者都能看到和感受到速度指标的指南可以在此处找到。