Votre page WordPress semble lente, mais installer une extension supplémentaire ne dit pas ce qui la ralentit. La méthode de diagnostic LCP de web.dev permet de partir d'un élément visible et de choisir une correction vérifiable.
1. Conserver une mesure de départ
Dans PageSpeed Insights, saisissez l'URL publique exacte, puis sélectionnez mobile. Enregistrez le rapport et la date. Recommencez sur ordinateur, sans mélanger les deux résultats.
Distinguez les données des visiteurs, agrégées sur 28 jours, du test Lighthouse lancé maintenant. Vérifiez si le rapport porte sur cette URL ou sur l'ensemble du domaine. L'absence de données visiteurs ne prouve pas que le site est rapide.
Dans les diagnostics, repérez l'élément associé au Largest Contentful Paint, puis son découpage temporel. Est-ce une image, un titre ou un bloc de texte ? Notez aussi les valeurs CLS et INP disponibles : corriger le LCP ne suffit pas à valider tous les Core Web Vitals.
Conservez une fiche simple :
URL :Date et appareil :Element LCP :LCP avant :Correction testee :LCP apres :2. Corriger le délai qui domine
Travaillez sur une copie de test avec les mêmes contenus. Choisissez une seule modification selon le diagnostic.
- Image principale : adaptez ses dimensions à l'affichage et comparez un fichier compressé au visuel actuel. Excluez cette image du chargement différé dans le réglage de votre extension ; gardez ce mécanisme pour les images plus bas. Vérifiez qu'une autre extension ne réapplique pas le lazy loading.
- Réponse serveur lente : examinez le cache de pages déjà disponible. Testez une page publique en visite anonyme, une première fois puis une seconde. Ne cumulez pas deux extensions de cache et n'appliquez pas un cache public aux pages personnalisées.
- Texte retardé par une police : réduisez les variantes réellement utilisées. Dans la déclaration existante de la police concernée, le réglage à tester est :
font-display: swap;Ce réglage appartient à une règle de police existante ; le coller seul dans une feuille de style ne suffit pas. Contrôlez les déplacements du texte lorsque la police finale arrive.
3. Comparer et vérifier le parcours
Après déploiement, purgez le cache concerné et relancez plusieurs mesures sur la même URL avec le même profil. Comparez les durées et l'élément LCP, pas seulement la note globale.
Ouvrez ensuite le menu, le formulaire et une page intérieure sur mobile. Vérifiez que l'image reste nette et que la mise en page ne saute pas. Si une correction gêne le parcours, revenez au réglage précédent.
Erreurs courantes : charger toutes les images en priorité, optimiser une vignette qui n'est pas le LCP, ou attendre que les données visiteurs changent immédiatement. Gardez le relevé avant/après pour distinguer un progrès reproductible d'une variation de test.
Sources : web.dev, Google PageSpeed Insights.
Retrouvez-le dans nos publications
Les étapes clés de cet article, en carrousel. Suivez-nous pour découvrir les prochaines. Nos publications sont rédigées en anglais.