Site WordPress lent ? 10 actions concrètes pour améliorer vos Core Web Vitals

LCP, INP, CLS : comprendre les Core Web Vitals et les 10 optimisations qui accélèrent vraiment un site WordPress.

Un site lent fait fuir les visiteurs et pèse sur le référencement. Google mesure l'expérience de chargement avec les Core Web Vitals, et WordPress, mal configuré, peut vite les dégrader : thème trop lourd, extensions en pagaille, images non optimisées. Voici comment lire ces indicateurs et les 10 actions qui font réellement la différence.

Les Core Web Vitals en bref

Google retient trois indicateurs, mesurés sur de vrais visiteurs :

  • LCP (Largest Contentful Paint) : le temps d'affichage du plus gros élément visible, souvent l'image ou le titre principal. Bon : moins de 2,5 secondes.
  • INP (Interaction to Next Paint) : la réactivité aux clics et aux saisies. Bon : moins de 200 millisecondes. Il a remplacé le FID en 2024.
  • CLS (Cumulative Layout Shift) : la stabilité visuelle, c'est-à-dire les éléments qui « sautent » pendant le chargement. Bon : moins de 0,1.

Mesurer avant d'optimiser

Commencez par PageSpeed Insights, page par page, et par le rapport Core Web Vitals de la Google Search Console. Distinguez bien les données de terrain (vos vrais visiteurs, celles que Google utilise) des données de laboratoire (une simulation, utile pour diagnostiquer).

1. Un hébergement à la hauteur

Aucune optimisation ne compense un serveur lent. Vérifiez la version de PHP (utilisez une version récente et maintenue), le temps de réponse du serveur et la présence d'un cache côté serveur.

2. Un cache de pages

Un plugin de cache sert des pages déjà générées au lieu de recalculer chaque visite. Sur un serveur LiteSpeed, LiteSpeed Cache est le choix naturel ; ailleurs, des solutions comme WP Rocket font très bien le travail. Un seul plugin de cache, jamais deux.

3. Des images au bon format et à la bonne taille

  • Servez des formats modernes (WebP ou AVIF).
  • Redimensionnez les images à leur taille d'affichage réelle.
  • Indiquez largeur et hauteur pour éviter les décalages (CLS).

4. Ne pas lazy-loader l'image principale

Le chargement différé est excellent pour les images sous la ligne de flottaison, mais l'image du haut de page doit se charger immédiatement. La différer dégrade directement le LCP. Donnez-lui même la priorité avec l'attribut fetchpriority="high".

5. Moins d'extensions

Chaque extension peut ajouter des scripts, des styles et des requêtes en base de données. Faites l'inventaire : supprimez ce qui ne sert plus et remplacez les extensions « couteau suisse » par du code ciblé quand c'est possible.

6. Un thème léger plutôt qu'un page builder

Les page builders comme Divi ou Elementor sont pratiques, mais ils génèrent beaucoup de code et de scripts sur chaque page. Un thème sur-mesure n'embarque que ce dont le site a besoin. C'est souvent le levier le plus puissant, et c'est la raison pour laquelle nous codons nos thèmes sur-mesure.

7. Des polices maîtrisées

  • Limitez le nombre de familles et de graisses.
  • Utilisez font-display: swap pour afficher le texte immédiatement.
  • Hébergez les polices localement ou préconnectez-vous au service de polices.

8. Du JavaScript différé

Le JavaScript bloque l'affichage et dégrade l'INP. Chargez les scripts en defer, retardez les scripts tiers (chat, pixels, vidéos) et retirez ceux qui ne servent plus.

9. Un CDN pour les fichiers statiques

Un CDN sert images, CSS et JavaScript depuis un serveur proche du visiteur. Utile dès que votre audience est répartie géographiquement.

10. Une base de données propre

Révisions d'articles en surnombre, données d'extensions supprimées, options chargées automatiquement : une base encombrée ralentit l'administration et parfois le site. Un nettoyage régulier, avec sauvegarde préalable, s'impose.

Par où commencer ?

Si vous ne deviez faire que trois choses : un cache de pages, des images optimisées sans lazy-load sur l'image principale, et le ménage dans les extensions. Si le site reste lent, le problème vient presque toujours du thème ou du page builder, et une refonte technique devient plus rentable que des rustines.

Questions fréquentes

Les Core Web Vitals influencent-ils vraiment le référencement ?

Oui, ils font partie des signaux d'expérience de page utilisés par Google. Ils ne remplacent pas la pertinence du contenu, mais à contenu équivalent, un site rapide a l'avantage, et il convertit mieux.

Un plugin de cache suffit-il à rendre WordPress rapide ?

Non. Le cache accélère la réponse du serveur, mais il ne corrige pas un thème lourd, des images trop grandes ou trop de JavaScript. C'est un point de départ, pas une solution complète.

Faut-il abandonner Divi ou Elementor ?

Pas forcément pour un petit site. Mais si vos Core Web Vitals restent mauvais malgré les optimisations, un thème sur-mesure est souvent la seule façon d'atteindre de bons scores durablement.