Fast load times系列翻译——如何保持性能

Fast load times系列翻译——如何保持性能

我们能发现性能经常会发生退化，这是因为性能优化就像是健身：仅仅付出一次努力是不够的；你必须改变自己的生活方式。

谷歌内部研究发现：40%的网站性能会在 6 个月后退化。

性能预算是解决这个问题的一个方法。性能预算就是对影响站点性能的指标的一组限制。从本质上类似于财务预算：设置一个阈值并保证自己在这阈值之内。总得来说，一个好的性能预算总是结合了不同类型的度量标准，例如，产品页面的性能预算可能如下：

环境	条件	限制
在慢速 3G 上互动	少于	5 秒
在快算 3G 上互动	少于	2 秒
Lighthouse 表现分	大于	80
JavaScript 大小	小于	170 kb

一旦制定了性能指标，就一定要执行，这意味着要把性能预算合并到构建过程中和报告中。像 Lighthouse 这样的工具可以加入持续集成中，如果关键指标低于设置的阈值，则编译失败。此外，通过仪表板或定期的摘要报告可以帮助提高可视化和可靠性。 Pinterest就是一个通过性能预算来持续保证性能和用户体验的例子，而像 Experian这样的公司现在把站点性能作为他们每月 KPI 报告的关键指标。

译者的话

粗略地介绍了一下性能预算、Lighthouse，并提出了性能优化需要持续进行的观念，抛砖引玉的文章。

欢迎关注我的个人微信公众号：前端 stack，每周分享一篇外文技术翻译哦

---

原文：https://web.dev/how-to-measure-speed/