Agrofy:LCP 提升 70% 后,加载放弃率降低了 76%
使用集合让一切井井有条
根据您的偏好保存内容并对其进行分类。
通过使用真实的用户监控工具并专注于通过重构应用来改进 Core Web Vitals,他们还将 CLS 提升了 72%,应用响应速度也提高了 72%。
Agrofy 是一个面向拉丁美洲农贸市场的在线购物平台。他们为农机、土地、设备和金融服务的买卖双方牵线搭桥。2020 年第 3 季度,Agrofy 的一个 4 人开发团队花了一个月时间来优化他们的网站,因为他们假设提高性能会降低跳出率。他们具体专注于改进 LCP(核心网页指标之一)。这些性能优化使 LCP 提高了 70%,而负载放弃率降低了 76%(从 3.8% 降至 0.9%)。
问题
在研究业务指标时,Agrofy 的开发团队发现他们的跳出率似乎高于行业基准。网站代码库中的技术债务也在增加。
解决方案
Agrofy 团队向高管进行了推介,并得到认可:
- 从已弃用的旧版框架迁移到受到积极支持的较新框架。
- 优化新代码库的加载性能。
迁移耗时 2 个月。除了前面提到的 4 人开发团队之外,此次迁移还涉及了产品和用户体验专家以及软件架构师。优化项目花费了 4 人开发团队 1 个月的时间。它们侧重于 LCP、CLS(另一个核心网页指标指标)和 FCP。具体优化措施包括:
如需了解更多技术详情,请查看 Agrofy 工程博客。
在基于 20% 的流量启用新代码库后,他们在 2020 年 9 月初向所有访问者推出了新网站。
成果
开发团队的优化使许多不同的指标实现了可观的改进:
- LCP 提高了 70%。
- CLS 提高了 72%。
- 阻止 JS 请求的比例减少了 100%,阻止 CSS 请求的比例减少了 80%。
- 耗时较长的任务减少了 72%。
- 首次 CPU 空闲时间提高了 25%。
同时,真实用户监控数据(也称为“实测数据”)表明,商品详情页面上的加载放弃率下降了 76%,从 3.8% 下降到了 0.9%:
如未另行说明,那么本页面中的内容已根据知识共享署名 4.0 许可获得了许可,并且代码示例已根据 Apache 2.0 许可获得了许可。有关详情,请参阅 Google 开发者网站政策。Java 是 Oracle 和/或其关联公司的注册商标。
最后更新时间 (UTC):2021-03-01。
[{
"type": "thumb-down",
"id": "missingTheInformationINeed",
"label":"没有我需要的信息"
},{
"type": "thumb-down",
"id": "tooComplicatedTooManySteps",
"label":"太复杂/步骤太多"
},{
"type": "thumb-down",
"id": "outOfDate",
"label":"内容需要更新"
},{
"type": "thumb-down",
"id": "translationIssue",
"label":"翻译问题"
},{
"type": "thumb-down",
"id": "samplesCodeIssue",
"label":"示例/代码问题"
},{
"type": "thumb-down",
"id": "otherDown",
"label":"其他"
}]
[{
"type": "thumb-up",
"id": "easyToUnderstand",
"label":"易于理解"
},{
"type": "thumb-up",
"id": "solvedMyProblem",
"label":"解决了我的问题"
},{
"type": "thumb-up",
"id": "otherUp",
"label":"其他"
}]
{"lastModified": "\u6700\u540e\u66f4\u65b0\u65f6\u95f4 (UTC)\uff1a2021-03-01\u3002"}
[[["易于理解","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):2021-03-01。"],[],[]]