CF GaragePourquoi les Core Web Vitals souffrent au niveau du réseau
Les Core Web Vitals mesurent ce que vivent les utilisateurs réels : le LCP (quand le contenu principal apparaît), l'INP (à quelle vitesse la page réagit) et le CLS (stabilité de la mise en page). Une grande partie du premier indicateur se joue avant même l'exécution de votre application, à la couche de diffusion où se trouve Cloudflare :
- Ressources clés non mises en cache : si l'image LCP ou la feuille de style principale part avec un TTL court ou rate le cache, chaque visiteur paie un aller-retour complet vers l'origine.
- Absence d'indices de ressources précoces : sans Early Hints, le navigateur attend votre HTML avant de découvrir le CSS et les polices nécessaires, et brûle des centaines de millisecondes.
- Protocole et TLS sous-optimaux : les connexions HTTP/1.1 et les longues poignées de main TLS retardent chaque requête ; HTTP/2 ou HTTP/3 avec réutilisation de connexion supprime des séquences entières d'attente.
- HTML revalidé à chaque visite : sans politique de cache pour les pages cachables, les visites répétées retéléchargent tout.
Améliorer les indicateurs pas à pas
Étape 1 : mesurer d'abord les données terrain. Ouvrez PageSpeed Insights et lisez les valeurs d'origine (rapport Chrome User Experience), pas seulement le score labo. Un test labo sur un profil propre flatte votre site ; votre note vient des visiteurs réels, majoritairement sur mobile.
Étape 2 : bien mettre en cache les ressources lourdes. Dans Caching > Cache Rules, allongez les TTL navigateur et edge des images, polices, CSS et JavaScript. Une règle qui cible les extensions de fichiers avec un TTL edge long fait bouger le LCP immédiatement pour les visiteurs récurrents. Notre guide sur le cache qui ne fonctionne pas et le faible hit ratio couvre le diagnostic complet quand le cache semble ignoré.
Étape 3 : activer Early Hints. Dans Speed > Optimization, activez Early Hints et déclarez la feuille de style critique et l'image LCP dans les en-têtes Link de votre origine, pour que le navigateur commence à les récupérer pendant la préparation de la réponse HTML.
Étape 4 : corriger les sources de CLS. Attribuez des attributs width et height explicites aux images et iframes, réservez la place des bandeaux et des notices de consentement, et évitez d'injecter en fin de chargement des barres en haut de page. L'essentiel du CLS est du balisage : aucune règle edge ne le masquera.
Étape 5 : remesurer après un cycle terrain complet de 28 jours. Les notes Core Web Vitals sont des évaluations terrain glissantes sur 28 jours. Un changement d'aujourd'hui apparaît progressivement ; planifiez la validation en conséquence au lieu de recharger dix fois l'outil labo.
Les erreurs fréquentes qui maintiennent les scores bas
- N'optimiser que le score labo. Un Lighthouse throttlé sur un profil propre masque le comportement de cache réel des visiteurs avec leurs cookies et extensions. Les données terrain font foi.
- Mettre en cache un HTML personnalisé. Cacher des pages qui rendent du contenu propre à l'utilisateur sert la session d'un visiteur à un autre. Ne cachez le HTML que pour les pages réellement anonymes, et contournez ailleurs.
- Poursuivre le LCP par du lazy loading. Charger paresseusement l'image hero retarde exactement l'élément que le LCP observe. Le lazy loading se place sous la ligne de flottaison, jamais sur l'élément LCP.
- Ignorer les scripts tiers. L'INP est dominé par le travail du fil principal ; analytics, widgets de chat et gestionnaires de tags coûtent souvent plus que la page entière. Aucune config edge ne compense un script lourd.
- Tester uniquement depuis un portable en fibre. Le mobile médian en 4G décide de votre note.
Questions fréquentes
Cloudflare peut-il à lui seul réparer un site lent ?
Il supprime les goulots de diffusion : cache, efficacité du protocole, indices précoces. Si la page livre des mégaoctets de JavaScript ou attend une requête lente, le réglage edge améliore une partie du score et le travail applicatif reste à faire. L'ordre honnête : le bord d'abord, l'application ensuite.
Quelles fonctionnalités Cloudflare aident les Core Web Vitals sur un plan Free ?
Cache Rules, Early Hints, HTTP/2 et HTTP/3, reprise 0-RTT et les bases du Tiered Cache sont disponibles sans plan payant. L'essentiel du gain vient généralement du bon cache des ressources statiques.
Faut-il activer les fonctionnalités d'optimisation d'images ?
Si les images pilotent votre LCP, le redimensionnement aux dimensions réellement affichées et les formats modernes sont parmi les leviers les plus forts. Vérifiez ce que votre plan inclut, puis mesurez : passer une hero en 3000px à 1200px économise souvent plus que toutes les autres optimisations réunies.
En combien de temps une amélioration apparaît-elle dans Search Console ?
Le rapport Core Web Vitals de Search Console se rafraîchit sur la même fenêtre glissante de 28 jours. Premier mouvement visible une à deux semaines après le déploiement, effet complet après un cycle entier.