如何保持快速?
bookmark_borderbookmark
使用集合让一切井井有条
根据您的偏好保存内容并对其进行分类。
优化速度的品牌通常会发现速度会很快下降。这是因为网站的表现与健身非常相似:一次性的努力还不够,您必须改变自己的生活方式。
性能预算就是解决此问题的一种方法。性能预算是针对影响网站性能的指标设定的一组限制。其概念与财务预算类似:设定限制,然后确保不超出限制。一般来说,良好的效果预算会结合不同类型的指标;例如,商品页面的效果预算可能如下所示:
在低速 3G 网络上的时间到交互 |
小于 |
5 秒 |
在低速 3G 网络上衡量 First Contentful Paint |
小于 |
2 秒 |
Lighthouse 性能得分 |
大于 |
80 |
JavaScript 总大小 |
小于 |
170 KB |
效果预算示例。
设置后,必须强制执行性能预算,这意味着,例如,将预算纳入构建流程和报告中。Lighthouse 等工具可以包含在持续集成中,您还可以编写测试,以便在关键指标低于设定的阈值时导致构建失败。此外,通过信息中心或摘要报告定期生成报告有助于提高透明度和问责力。Pinterest 就是一个实施了效果预算的企业,以确保其快速体验始终保持快速,而 Experian 等品牌现在在其月度高管 KPI 报告中将网站速度用作关键指标。
如需详细了解性能预算,请点击此处。如需查看介绍如何进一步培养卓越文化并让速度指标对所有利益相关方而言都清晰可见且切实可行的指南,请点击此处。
如未另行说明,那么本页面中的内容已根据知识共享署名 4.0 许可获得了许可,并且代码示例已根据 Apache 2.0 许可获得了许可。有关详情,请参阅 Google 开发者网站政策。Java 是 Oracle 和/或其关联公司的注册商标。
最后更新时间 (UTC):2019-05-01。
[[["易于理解","easyToUnderstand","thumb-up"],["解决了我的问题","solvedMyProblem","thumb-up"],["其他","otherUp","thumb-up"]],[["没有我需要的信息","missingTheInformationINeed","thumb-down"],["太复杂/步骤太多","tooComplicatedTooManySteps","thumb-down"],["内容需要更新","outOfDate","thumb-down"],["翻译问题","translationIssue","thumb-down"],["示例/代码问题","samplesCodeIssue","thumb-down"],["其他","otherDown","thumb-down"]],["最后更新时间 (UTC):2019-05-01。"],[],[]]