La performance web comme facteur SEO
Les Core Web Vitals (CWV) sont les métriques de Google pour évaluer l'expérience utilisateur de votre site. Depuis 2021, elles font partie des facteurs de classement. En 2026, avec l'introduction de l'INP (Interaction to Next Paint), les exigences se sont renforcées. Un site lent perd des positions ET des clients : 53% des visiteurs mobiles quittent un site qui met plus de 3 secondes à charger. Pour approfondir, consultez notre article sur Google SGE et SEO : comment s'adapter à la recherche IA. Pour approfondir, consultez notre article sur Guide SEO complet pour débutants : les fondamentaux du référencement. Pour approfondir, consultez notre article sur Netlinking en 2026 : stratégies white hat qui fonctionnent.
Les 3 métriques Core Web Vitals en 2026
LCP (Largest Contentful Paint) — Vitesse de chargement
Mesure le temps pour afficher le plus grand élément visible (souvent l'image hero ou le titre principal). Seuils : bon < 2,5s, à améliorer 2,5-4s, mauvais > 4s. C'est la métrique la plus impactante : si votre page met 5 secondes à afficher son contenu principal, le visiteur est déjà parti.
INP (Interaction to Next Paint) — Réactivité
Remplace le FID depuis mars 2024. Mesure le temps entre une interaction utilisateur (clic, tap, touche) et la réponse visuelle. Seuils : bon < 200ms, à améliorer 200-500ms, mauvais > 500ms. Un bouton qui met 600ms à réagir frustre l'utilisateur et signale un site mal optimisé.
CLS (Cumulative Layout Shift) — Stabilité visuelle
Mesure les décalages inattendus de la mise en page. Score : bon < 0,1, à améliorer 0,1-0,25, mauvais > 0,25. Exemple typique : vous êtes sur le point de cliquer sur un lien, une image se charge et pousse le contenu vers le bas, vous cliquez sur la mauvaise chose. Frustrant et pénalisé par Google.
Diagnostic : où en êtes-vous ?
Outils de mesure :
- PageSpeed Insights (web.dev/measure) : score sur 100 + détail des CWV + recommandations. Données terrain (Chrome UX Report) + données lab.
- Google Search Console > Core Web Vitals : vue d'ensemble de toutes vos pages avec statut bon/à améliorer/mauvais.
- Chrome DevTools > Lighthouse : audit local détaillé avec waterfall de chargement.
- WebPageTest.org : test avancé depuis différentes localisations et connexions.
Commencez par PageSpeed Insights sur vos 5 pages les plus visitées. Si le score mobile est inférieur à 50, des optimisations sont urgentes.
Optimiser le LCP : chargement rapide
Images (cause #1 de LCP lent)
- Format WebP ou AVIF (30-50% plus léger que JPEG)
- Lazy loading sur toutes les images sauf la hero (attribut loading="lazy")
- Tailles responsives (attribut srcset) — ne servez pas une image 2000px sur mobile
- CDN pour les images (Cloudflare, Cloudinary, imgix)
- Préchargement de l'image LCP : <link rel="preload" as="image" href="hero.webp">
Serveur
- TTFB (Time To First Byte) < 800ms. Si supérieur, changez d'hébergeur ou ajoutez un CDN.
- Cache HTTP : configurez les headers Cache-Control (max-age=31536000 pour les assets statiques)
- Compression Gzip/Brotli (réduit le poids des fichiers HTML/CSS/JS de 60-80%)
CSS et JavaScript
- CSS critique inline dans le <head> (le CSS nécessaire au rendu initial)
- Différer le CSS non critique (loadCSS pattern)
- Minifier CSS et JS (suppression des espaces, commentaires)
- Supprimer le JS inutilisé (common : plugins WordPress inactifs qui chargent quand même leur JS)
Optimiser l'INP : réactivité
- Réduire le JavaScript tiers (analytics, chat, pub — chaque script ajoute du travail au thread principal)
- Découper les tâches longues (Long Tasks > 50ms) en tâches plus petites (yield to main thread)
- Utiliser requestAnimationFrame pour les animations
- Web Workers pour les calculs lourds (hors thread principal)
- Auditer avec Chrome DevTools > Performance : identifiez les tâches qui bloquent le thread principal
Optimiser le CLS : stabilité
- Dimensions explicites sur les images et vidéos (width et height en HTML ou aspect-ratio en CSS)
- Réserver l'espace pour les publicités (slot vide avec dimensions fixes avant chargement de la pub)
- Éviter d'insérer du contenu dynamiquement au-dessus du contenu existant
- Précharger les polices web (font-display: swap + preload)
- Pas de bannière cookie qui pousse le contenu (utilisez un overlay fixe en bas)
WordPress : optimisations spécifiques
WordPress représente 43% du web. Optimisations prioritaires :
- Plugin de cache : WP Rocket (49€/an, le meilleur) ou LiteSpeed Cache (gratuit si hébergeur LiteSpeed)
- Plugin d'images : ShortPixel ou Imagify (compression + WebP automatique)
- CDN : Cloudflare (gratuit) — proxy + cache + compression Brotli
- Désactiver les plugins inutilisés (chaque plugin ajoute du CSS/JS)
- Thème léger : GeneratePress, Astra ou Kadence (< 50 Ko de CSS/JS vs 300+ Ko pour Divi/Elementor)
Impact SEO mesuré
Les sites qui passent de « mauvais » à « bon » sur les trois CWV voient en moyenne : +5-15% de positions (étude Searchmetrics 2025), -24% de taux de rebond, +15% de pages par session. L'impact est plus fort sur mobile que sur desktop, et plus marqué dans les niches compétitives où de nombreux sites sont déjà optimisés.
Checklist rapide
Score PageSpeed mobile > 70 ? LCP < 2,5s ? INP < 200ms ? CLS < 0,1 ? Si oui sur les quatre, votre site est bien optimisé. Sinon, priorisez le LCP (impact le plus visible), puis l'INP, puis le CLS.