Le lazy loading : un double tranchant sur Elementor
Le lazy loading retarde le chargement des images hors de la zone visible initiale. En pratique, une mauvaise configuration sur Elementor est l’une des causes les plus fréquentes de mauvais score LCP — la métrique Core Web Vitals la plus importante.
L’erreur classique : le lazy loading sur l’image hero
L’image hero est le plus grand élément visible sans scroll — c’est donc l’élément LCP. Si cette image est en lazy loading, le navigateur attend d’avoir fini de parser le HTML avant de commencer à la télécharger — ce qui ajoute 300 à 800ms au LCP. Sur mobile avec une connexion 4G, cela peut faire la différence entre un LCP de 2s (bon) et 3.5s (à améliorer).
Désactiver le lazy loading sur l’image hero dans Elementor
Dans l’éditeur Elementor, sélectionnez le widget Image de votre hero. Allez dans Avancé → Attributs HTML personnalisés. Ajoutez l’attribut : clé loading, valeur eager. Cela force le navigateur à charger l’image immédiatement, sans attendre.
Configurer le lazy loading dans WP Rocket
Dans WP Rocket → Médias → Lazy Loading : activez « Activer pour les images ». Dans le champ « Images exclues », ajoutez le nom de fichier de l’image hero ou sa classe CSS (.hero-image si assignée dans Elementor). Cette exclusion garantit que l’image LCP est chargée prioritairement.
fetchpriority= »high » : aller encore plus loin
En plus de désactiver le lazy load, ajoutez l’attribut fetchpriority="high" dans les attributs HTML personnalisés du widget Image. Cet attribut indique au navigateur de prioriser le téléchargement de cette ressource. Impact mesurable : généralement -100 à -300ms sur le LCP.
Lazy loading natif HTML5 vs lazy loading JavaScript
WordPress intègre le lazy loading natif HTML5 (loading="lazy") depuis la version 5.5. C’est la méthode recommandée car elle n’ajoute aucun JS. Les solutions JS comme LazyLoad by Verlok peuvent créer des conflits avec Elementor. Utilisez exclusivement le lazy loading natif HTML5 — WP Rocket l’utilise déjà par défaut.
→ Retour au guide Performances WordPress Elementor
FAQ — Lazy Loading et LCP sur Elementor Pro
Le lazy loading dégrade-t-il toujours le LCP ? Non, seulement si l’image concernée est l’élément LCP (visible sans scroll). Pour les images dans les sections plus bas de la page, le lazy loading améliore les performances en réduisant le poids initial chargé. La règle est simple : lazy loading sur tout sauf sur l’image hero et les images visibles sans scroll au chargement de la page.
Comment savoir si mon lazy loading est bien configuré sur Elementor ? Utilisez PageSpeed Insights sur la page concernée. Dans les diagnostics Lighthouse, cherchez la recommandation « Avoid lazy loading images that are above the fold » — si cette alerte apparaît, une de vos images visibles sans scroll est en lazy loading. Corrigez-la en ajoutant loading="eager" dans Elementor ou en l’excluant dans WP Rocket.
Les images de fond (Background Image) dans Elementor suivent-elles le lazy loading ? Non. Les images de fond CSS ne sont pas lazy loadées nativement par WordPress. Si votre image hero est une Background Image Elementor (pas un widget Image), WP Rocket peut la cibler avec son option de lazy loading CSS (disponible dans certains plans). Sinon, préchargez-la via <link rel="preload"> dans le header.
Peut-on tester le lazy loading sans toucher au code Elementor ? Oui. Dans WP Rocket → Médias → Lazy Loading, le champ « Images exclues » accepte des patterns. Ajoutez le nom de fichier (ou une partie) de votre image hero : par exemple « hero-home » ou le chemin partiel « /wp-content/uploads/2026/01/hero ». Cette exclusion s’applique sans modifier Elementor, utile pour tester rapidement l’impact sur le LCP.
Le Slider Elementor Pro (Carousel widget) est-il affecté par le lazy loading ? Oui, et c’est un cas particulier. La première slide est l’élément LCP — elle doit être chargée immédiatement. Les slides suivantes peuvent être en lazy loading. Elementor Pro Carousel charge les images des slides suivantes en différé par défaut, mais cela dépend de la version. Vérifiez dans PSI si la première slide est correctement identifiée comme LCP et chargée prioritairement.