Points clés
Un guide pour optimiser les grandes images qui font baisser votre score métrique LCP (Plus grande partie visible).
LCP Focus dans l'optimisation d'image
Sur de nombreux sites, l'élément LCP est généralement l'image principale (image de héros). Si cette image se charge tardivement, cela signifie que votre site est lent aux yeux de Google. L'amélioration de votre score LCP affecte directement à la fois l'expérience utilisateur et votre classement dans les recherches.
Stratégies d'amélioration LCP
- Préchargement : Déclarez l'image LCP principale dans le navigateur plus tôt avec
. - Formats modernes : Économisez 50 à 70 % sans perte de qualité en utilisant WebP ou AVIF au lieu de JPG
- Images réactives : Arrêtez d'envoyer des images de bureau volumineuses aux utilisateurs mobiles en utilisant
srcsetetsizes. - Utilisation du CDN : Réduisez le délai causé par la distance physique en diffusant des images à partir de serveurs périphériques.
Fonctionnalité de priorité de récupération
Vous pouvez ajouter l'attribut fetchpriority="high" fourni avec HTML5 à vos images LCP afin que le navigateur donne la priorité à cette ressource. Cette fonctionnalité est prise en charge dans les versions Chrome 101+.
Attention lors du chargement paresseux
N'ajoutez jamais loading="lazy" à l'image LCP ! Cela retardera le chargement de l’image, aggravant votre score LCP. Le chargement paresseux ne doit être utilisé que pour les images situées sous la ligne de flottaison.
Meta Ads & Performance
Optimisation des budgets publicitaires via serveur CAPI et croissance prouvée du ROAS
