Lazy loading automatique

Lazy loading automatique ajoute le lazy loading aux images de votre boutique PrestaShop sans modifier le thème : listes de produits, blocs de modules, bannières, descriptions de produits, pages CMS et iframes. Il agit sur le HTML affiché par les gabarits, sans modifier aucun fichier, et veille à ce que les premières images de chaque page se chargent tout de suite — la réponse à l’avertissement PageSpeed « L’image Largest Contentful Paint a été chargée en différé ». Au choix : loading="lazy" natif sans JavaScript, ou un script de lazy load avec images d’attente et apparition en fondu.

Fonctionnalités du module Lazy loading automatique

• Lazy loading ajouté automatiquement aux images des gabarits du thème et des modules, y compris dans la liste de produits filtrée, l’aperçu rapide et la fenêtre du panier
• Deux techniques : loading="lazy" natif sans JavaScript, ou un petit script avec des images d’attente qui gardent les proportions de l’image
• Les premières images de chaque page se chargent tout de suite, même si le thème les a différées ; la première grande image reçoit fetchpriority="high" pour un meilleur LCP
• Images saisies dans les descriptions de produits et les pages CMS, et iframes de vidéos et de cartes
• Technique par script : distance de chargement en pixels, apparition en fondu, copie dans noscript et arrière-plans CSS en ligne
• Gabarits concernés à votre choix : tous sauf les exclus, ou uniquement ceux de la liste, avec des motifs à *
• Une image se désactive par une classe CSS ou l’attribut data-no-lazy
• Tableau des gabarits affichés par votre boutique, enregistré pendant 10 minutes : combien d’images le module diffère, combien il en laisse et pourquoi
• Aucun fichier du thème ni des modules n’est modifié ; désactiver le module rétablit aussitôt les pages d’origine
• Aucun cache à vider après un changement ; e-mails, factures PDF et back-office ne sont jamais touchés
• Réglages séparés pour chaque boutique du multiboutique ; hook et API JavaScript pour les développeurs