LA CHECKLIST CWV
La checklist de 12 points que je parcours avant de déclarer tout site ou template prêt pour le lancement. Concrète, courte, et conçue pour un usage réel.
Pourquoi les checklists courtes fonctionnent
Les longues checklists ne sont jamais utilisées. La checklist Core Web Vitals qui gagne est assez courte pour qu'un développeur la parcoure avant de pousser en production sans la considérer comme une corvée. La mienne en compte douze points.
Les sites qui passent les douze points au lancement ont rarement des problèmes de CWV en production. Les sites qui en sautent trois ou quatre finissent par échouer au 75e percentile et l'équipe se démène pour réparer après que Google l'a remarqué.
Les 12 points
1. L'image du hero est préchargée avec link rel=preload as=image dans la head.
2. Les images au-dessus de la ligne de flottaison ont des attributs de largeur et de hauteur explicites, de sorte que la mise en page réserve l'espace avant le chargement.
3. Format WebP, qualité 82, redimensionné aux dimensions de rendu réelles avant le téléchargement.
4. CSS critique intégré dans l'en-tête, le reste chargé de façon asynchrone.
5. Polices web auto-hébergées avec font-display: swap.
6. JavaScript initial inférieur à 100 KB sur chaque page publique.
7. Les scripts d'analyse, marketing et pixels sociaux tous reportés.
8. Les colonnes CSS Grid utilisent minmax(0, 1fr) et non 1fr pour éviter le débordement sur le contenu long.
9. Rendu statique partout où le contenu le permet.
10. Cloudflare ou un CDN équivalent devant l'origine.
11. Données de terrain mesurées hebdomadairement via Search Console > Core Web Vitals.
12. Le linter SEO de build rejette le build en cas de régression.
Comment l'utiliser réellement
Parcourez la liste manuellement avant tout lancement majeur. Pour le travail d'ingénierie continu, automatisez les points 6, 8, 11 et 12 en CI ; les autres sont des vérifications au niveau du template qui se font au moment de la conception et qui régressent rarement.
Quand CWV régresse en production, la régression provient presque toujours d'une violation silencieuse de l'un de ces douze points. Le flux diagnostique est : parcourez la liste, identifiez la violation, corrigez-la, attendez 28 jours que CrUX soit mise à jour, confirmez.