Résumé rapide du problème
Le LCP (Largest Contentful Paint) mesure le temps d'affichage du plus grand élément visible — souvent une image ou un bloc de texte. Sur WordPress, un LCP lent vient d'un serveur lent, d'une image principale lourde, de CSS ou de polices bloquants. Un bon LCP reste sous 2,5 secondes.
Solution rapide
Réduisez le TTFB du serveur, compressez et préchargez l'image principale, éliminez le CSS et le JavaScript bloquants, et chargez les polices avec une stratégie d'affichage rapide.
Comment reconnaître ce bug
- PageSpeed Insights affiche un LCP supérieur à 2,5 secondes
- L'image ou le titre principal apparaît avec un net retard
- La Search Console classe des URL en « médiocre » à cause du LCP
- La page semble vide un long moment avant de se remplir
Qu'est-ce que ce bug WordPress ?
Le LCP correspond au moment où le plus gros élément visible dans la fenêtre — image de couverture, vidéo ou bloc de texte — finit de s'afficher. C'est un repère clé : il indique quand l'internaute perçoit la page comme « chargée ». Sur WordPress, il dépend du serveur, du poids des ressources et de l'ordre dans lequel le navigateur les traite.
Pourquoi ce problème apparaît-il ?
TTFB élevé
Un serveur lent retarde tout le chargement, donc le LCP.
Image principale non optimisée
Une grande image lourde met longtemps à se télécharger et à s'afficher.
CSS bloquant le rendu
Des feuilles de style volumineuses retardent le premier affichage.
Chargement différé mal réglé
Le lazy-load appliqué à l'image principale retarde paradoxalement le LCP.
Polices web bloquantes
Des polices chargées sans stratégie d'affichage retardent le texte.
Comment réparer ce bug WordPress
Identifier l'élément LCP
PageSpeed Insights indique précisément quel élément est mesuré comme LCP de la page.
Réduire le TTFB
Activez un cache de pages et d'objets et accélérez le serveur pour gagner du temps en amont.
Optimiser l'image principale
Compressez-la, servez-la en WebP, dimensionnez-la correctement et préchargez-la.
Désactiver le lazy-load sur l'image LCP
N'appliquez pas le chargement différé à l'image principale visible au-dessus de la ligne de flottaison.
Supprimer les ressources bloquantes
Mettez en ligne le CSS critique, différez le reste du CSS et le JavaScript non essentiel.
Comment éviter que ce bug revienne
- Préchargez systématiquement l'image principale des modèles de page
- Excluez l'image LCP du chargement différé
- Conservez un serveur rapide et un cache actif
- Limitez le poids du CSS et le nombre de polices web
Questions fréquentes (FAQ)
Qu'est-ce qu'un bon score LCP ?
Pourquoi le lazy-load ralentit-il mon LCP ?
Le LCP dépend-il de l'hébergement ?
Comment savoir quel élément est mon LCP ?
L'équipe Mr.WordPress
Experts en dépannage WordPress
Notre équipe technique intervient chaque jour sur des sites WordPress en panne — erreurs serveur, piratages, lenteurs, conflits de plugins. Chaque guide est rédigé et vérifié à partir de cas réels d'intervention.
En savoir plus sur Mr.WordPress →