Problèmes fréquents avec le LazyLoad

Nous mettons tout en œuvre pour que nos fonctionnalités soient compatibles avec les autres extensions et thèmes. Néanmoins, nous ne pouvons pas assurer une compatibilité à 100%.

Voici quelques conflits connus avec le LazyLoad :

Les mises en page en grille qui sont utilisés pour positionner/fixer les largeurs, comme par exemple certaines exécutions d’Isotope ou Masonry
Les JavaScripts qui essaient de calculer les espaces en se basant sur la taille des images
RocketLoader de CloudFlare
Dans certains cas, désactiver Rocket Loader permet de résoudre le problème
Internet Explorer
IE8 et les versions précédentes ne sont pas compatibles avec le LazyLoad.
Certaines images de background
En fonction de comment elles sont ajoutées, les images d’arrière-plans ne peuvent pas toutes être Lazyloadées. Veuillez consulter cette documentation pour plus d’info..
Vous pouvez appliquer manuellement le LazyLoad en suivant ces indications : http://fr.docs.wp-rocket.me/article/236-appliquer-manuellement-lazyload-a-une-image

Conflits connus avec des thèmes ou des plugins

Thème Enfold

Le LazyLoad peut empêcher l'affichage du logo. L'extrait de code suivant pour exclure le logo de Enfold du LazyLoad nous a été fourni par un client. Vous pouvez l'utiliser dans le fichier functions.php de votre thème enfant pour résoudre le problème : https://pastebin.com/RRzKBANV

Plugin Essential Grid

⛔️ Obsolète : Ceci devrait être corrigé depuis Essential Grid v. 2.3.6.

Si les images ne s'affichent pas, vous pouvez :

Si vous avez beaucoup de pages, cela peut être fait par programmation avec ce plugin d'aide :

📥 Télécharger (.zip): WP Rocket | No LazyLoad for Essential Grid

Développeurs : vous trouverez le code de ce plugin sur GitHub.

Add-ons ThemeREX

Lorsque l'option "Déplacer les styles vers la tête de page" est active, les images chargées en lazyload ne sont pas affichées.

La désactivation de l'option résout le problème :