出现在:快速加载时间
原文地址:web.dev/how-to-stay…
原文作者:web.dev/authors/boj…
发布时间:2019年5月1日
优化速度的品牌往往会发现他们很快就退步了。这是因为网站性能就像健身一样:仅靠一次努力是不够的,你必须改变你的生活方式。
谷歌内部研究发现,40%的品牌在6个月后网站性能就会出现退步。
性能预算是解决这一问题的方法之一。性能预算是对影响网站性能的指标的一系列限制。这个概念类似于财务预算:你设定一个限额,并确保你在限额内。一般来说,一个好的性能预算结合了不同类型的指标;因此,例如,产品页面的性能预算可能看起来如下。
| / | / | / |
|---|---|---|
| 在慢速3G下的可交互时间 | 小于 | 5秒 |
| 在慢速3G下的首帧渲染 | 小于 | 2秒 |
| Lighthouse性能评分 | 大于 | 80分 |
| 总的JavaScript大小 | 小于 | 170 kb |
性能预算示例
一旦设置了性能预算,就必须执行,这意味着例如将预算纳入你的构建过程和报告中。像Lighthouse这样的工具可以包含在你的持续集成中,你可以编写测试,如果关键指标低于设定的阈值,则构建失败。此外,通过仪表盘或摘要报告的定期报告可以帮助提高透明度和问责制。Pinterest是一个实施性能预算以确保其快速体验保持快速的企业的例子,而像Experian这样的品牌现在正在将网站速度作为每月执行KPI报告的关键指标。
你可以在这里找到更多关于性能预算的细节。在这里可以找到一份指南,介绍如何进一步灌输绩效文化,并使速度指标对所有利益相关者可见和有形。