CWV 检查清单
我在宣布网站或模板launch-ready之前运行的十二项检查。足够简洁以便使用,足够严格以便捕捉真实的失败。
← Guides All guides in this topic
on this page
为什么简短的检查清单有效
冗长的性能审计会被忽视。一份主要开发者可以在一个下午完成的十二项清单才会被使用。这是我在launch之前、重大模板变更之前,以及任何"我们只添加了一个小脚本"意外之后运行的清单。
它假设你已经了解这些指标。如果你需要诊断故事,请阅读为什么你的网站很慢。如果你需要对某个指标进行手术,请阅读LCP、INP、CLS指南。这个页面是入口。
关键要点:你能完成的检查清单胜过没有人会打开两次的40页审计报告。
12 项内容
| # | Check | Pass looks like |
|---|---|---|
| 1 | Field data pulled | CrUX or RUM for the key templates, mobile 75th percentile |
| 2 | LCP element identified | You can name the element and its URL on the money page |
| 3 | LCP media budget | Hero under a sensible weight, modern format, sized, preloaded if needed |
| 4 | TTFB sane | Cached or static HTML keeps TTFB out of the danger zone |
| 5 | JS on critical path | No chat, A/B, or heavy hydration before first interaction need |
| 6 | INP spot-check | Primary taps stay responsive on a mid-tier phone |
| 7 | Fonts | Subset, self-host or controlled CDN, no multi-second invisible text |
| 8 | CLS reserved space | Images, embeds, and ads have dimensions or aspect-ratio boxes |
| 9 | Third parties listed | Every tag has an owner and a reason to live |
| 10 | Cache headers | HTML and assets have intentional cache policy, not accidents |
| 11 | Template parity | Homepage, hub, and article templates each checked, not only home |
| 12 | Stop rule | You stop when field CWV passes, not when Lighthouse hits 100 |
打印它、粘贴到launch工单中,或者作为PR检查清单运行它。重点是每行的通过或失败是二进制的,不是论文式的答案。
关键要点:如果你不能勾选第1项和第2项,你就还没有准备好应对第3到12项。
如何实际使用它
在赚钱或获得排名的模板上运行清单:首页、主要着陆页、分类或中心页,以及一个代表性的文章或产品页面。一个绿色的首页配合一个红色的文章模板仍然是一次失败的launch。
为每次失败指派一个负责人。没有负责人的性能工作会变成Slack讨论。在发布后一周重新运行现场数据,不仅仅是在测试环境中。测试环境对第三方脚本、缓存预热和真实设备会撒谎。
当一切都通过时,停止。进一步的优化是可选的品牌润色,除非特定的转化测试说明需要。
关键要点:使用清单作为重要模板的门槛,当字段数据通过后就离开。
我让团队失败的地方
当Search Console仍然显示较差的URL组时,将实验室绿色称为通过。发布一个从未在清单上的新营销页面。因为销售要求而将聊天小部件留在关键路径上。在生产环境中用空广告位修复CLS,而这些位置在上线时会出错。
还有:把清单当作一次性的事。模板会漂移。季度重跑金牌页面会抓住"再加一个标签"带来的缓慢衰退。
如果超过三行失败,不要并行化十二个微任务。先修复LCP和第三方,然后重跑。大多数情况下,这样比散弹式冲刺更快清除。
关键要点:当字段数据或模板覆盖缺失时,而非实验室虚荣分数为89时,让发布失败。
这份清单在整体中的位置
当你还需要服务器与前端的故事时,使用"为什么我的网站很慢"。当单个指标不及格且你需要操作杠杆时,使用LCP、INP、CLS指南。当问题关于路线图和投资而不是发布门槛时,使用性能支柱。
这份清单是枯燥的中间部分:二进制的、可重复的、足够短以至于人们实际上会运行它。
关键要点:用清单把守发布。用其他性能指南进行诊断。