CWV 检查清单

我在宣布网站或模板launch-ready之前运行的十二项检查。足够简洁以便使用,足够严格以便捕捉真实的失败。

CWV 检查清单
Performance & Core Web Vitals supporting 1 min read reviewed 25 jul 2026

← Guides All guides in this topic

on this page
  1. 为什么简短的检查清单有效
  2. 12 项内容
  3. 如何实际使用它
  4. 我让团队失败的地方
  5. 这份清单在整体中的位置

为什么简短的检查清单有效

冗长的性能审计会被忽视。一份主要开发者可以在一个下午完成的十二项清单才会被使用。这是我在launch之前、重大模板变更之前,以及任何"我们只添加了一个小脚本"意外之后运行的清单。

它假设你已经了解这些指标。如果你需要诊断故事,请阅读为什么你的网站很慢。如果你需要对某个指标进行手术,请阅读LCP、INP、CLS指南。这个页面是入口。

关键要点:你能完成的检查清单胜过没有人会打开两次的40页审计报告。

12 项内容

#CheckPass looks like
1Field data pulledCrUX or RUM for the key templates, mobile 75th percentile
2LCP element identifiedYou can name the element and its URL on the money page
3LCP media budgetHero under a sensible weight, modern format, sized, preloaded if needed
4TTFB saneCached or static HTML keeps TTFB out of the danger zone
5JS on critical pathNo chat, A/B, or heavy hydration before first interaction need
6INP spot-checkPrimary taps stay responsive on a mid-tier phone
7FontsSubset, self-host or controlled CDN, no multi-second invisible text
8CLS reserved spaceImages, embeds, and ads have dimensions or aspect-ratio boxes
9Third parties listedEvery tag has an owner and a reason to live
10Cache headersHTML and assets have intentional cache policy, not accidents
11Template parityHomepage, hub, and article templates each checked, not only home
12Stop ruleYou 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指南。当问题关于路线图和投资而不是发布门槛时,使用性能支柱。

这份清单是枯燥的中间部分:二进制的、可重复的、足够短以至于人们实际上会运行它。

关键要点:用清单把守发布。用其他性能指南进行诊断。

WHEN YOU ARE READY TO TALK