如何保持快速?
使用集合让一切井井有条
根据您的偏好保存内容并对其进行分类。
优化速度的品牌往往会迅速退化。这是因为网站效果很像健身:仅仅进行一次操作是不够的,您必须改变您的生活方式。
性能预算是解决此问题的一种方法。性能预算是对影响网站性能的指标的一套限制。其概念与财务预算类似:您需要设定限制,并确保不超出限制。一般来说,理想的性能预算应涵盖不同类型的指标;因此,举例来说,产品页面的性能预算可能如下所示:
慢速 3G 网络交互时间 |
小于 |
5 秒 |
慢速 3G 上的 First Contentful Paint |
小于 |
2 秒 |
Lighthouse 性能得分 |
大于 |
80 |
JavaScript 总大小 |
小于 |
170KB |
性能预算示例。
设置完毕后,必须强制执行性能预算,例如将预算纳入制作流程和报告等。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。"],[],[]]