Les Core Web Vitals sur mobile - mon site a perdu 40% de trafic en mars 2024
Les métriques avant correction: LCP à 4.2s, FID à 180ms, CLS à 0.34. Tout était dans le rouge sur mobile.
Ce qui a vraiment fonctionné:
- Préchargement des fonts avec font-display: swap - LCP réduit de 1.1s
- Suppression de 4 scripts tiers inutiles - FID passé à 85ms
- Définition explicite des dimensions d'images - CLS tombé à 0.08
- Compression Brotli activée côté serveur - gain de 380ms sur le LCP
Les solutions qui n'ont rien changé:
- Lazy loading agressif - a même empiré le LCP des images above the fold
- Minification CSS extrême - gain de 12ms, négligeable
- CDN premium - déjà utilisé, aucun impact supplémentaire
- Service worker complexe - a introduit plus de bugs que de gains
Le vrai coupable? Un carousel JavaScript de 340KB qui chargeait en bloquant. Je l'ai remplacé par un slider CSS pur de 8KB. LCP divisé par deux instantanément.
Ce qui m'énerve: Google ne dit pas clairement quel seuil déclenche une pénalité. J'ai récupéré mon trafic seulement quand TOUTES mes métriques étaient en vert, pas juste "à améliorer".
Pour les gens qui n'ont pas 3 semaines devant eux: concentrez-vous sur le LCP. C'est celui qui impacte le plus le ranking mobile d'après mes tests A/B. Commencez par virer les scripts tiers non-essentiels. Ça prend 30 minutes et ça peut vous sauver.