[Web翻译]如何保持快速?

181 阅读2分钟

出现在:快速加载时间

原文地址: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报告的关键指标。

你可以在这里找到更多关于性能预算的细节。在这里可以找到一份指南,介绍如何进一步灌输绩效文化,并使速度指标对所有利益相关者可见和有形。


www.deepl.com 翻译