Le LCP (Largest Contentful Paint) mesure le temps nécessaire à l'affichage complet du plus grand élément visible à l'écran, souvent l'image principale de la fiche produit. Si cette image porte l'attribut loading="lazy", le navigateur retarde volontairement son chargement jusqu'à ce qu'elle s'approche du viewport, ce qui est précisément l'inverse de ce qu'il faut pour un élément déjà visible au chargement de la page.
La correction ne passe pas par un réglage de plugin mais par un attribut HTML dans le template du thème : retirez loading="lazy" de l'image produit principale et ajoutez fetchpriority="high", qui indique au navigateur de récupérer cette ressource en priorité par rapport à d'autres de même niveau. Le panneau Performance de Chrome DevTools comme PageSpeed Insights signalent directement l'élément identifié comme LCP dans leur rapport, inutile donc de deviner quelle image est mesurée.
ImagePipe allège déjà le poids de cette image via le preset product_page : la négociation de format choisit automatiquement AVIF ou WebP selon l'en-tête Accept du navigateur, et les dimensions du preset correspondent à la taille d'affichage réelle plutôt que de servir l'original en pleine résolution. Cela ne change en revanche rien à l'ordre de chargement décidé par le navigateur : la priorité et le lazy-loading restent des décisions de balisage propres au thème, indépendantes des octets servis par ImagePipe.
Vérifiez d'abord quel élément PageSpeed Insights désigne réellement comme LCP, car ce n'est pas systématiquement l'image produit selon le template utilisé. Vérifiez ensuite, dans l'onglet Réseau, si la requête de cette image démarre tôt dans la cascade de chargement ou si elle attend derrière d'autres ressources. Enfin, ouvrez le template produit du thème et confirmez que la balise img porte bien fetchpriority="high" sans attribut loading="lazy".