Repérer les éléments visibles
Le lazy-loading évite de charger trop tôt certaines images éloignées de la zone visible. Appliqué à une image principale déjà à l’écran, il peut au contraire retarder son téléchargement. La position d’une image varie avec la taille du viewport, le menu, la bannière de consentement et les blocs placés avant elle.
Ne pas désigner le logo par défaut
La première balise image du document n’est pas nécessairement l’élément principal. Elle peut correspondre à un logo, une icône ou une version masquée d’un composant. Utilisez le rapport de performance et le rendu mobile pour identifier le candidat important avant de modifier ses attributs.
Contrôler les effets après modification
Vérifiez que la ressource est découverte tôt et que son affichage progresse réellement. Maintenez le chargement différé des galeries et illustrations situées plus bas lorsque leur comportement reste correct. L’objectif n’est pas de charger toutes les images immédiatement, mais de répartir les priorités selon l’usage de chaque page.