Accélérez les pages PrestaShop en ajoutant lazy loading et attributs de décodage aux images de la boutique
Automatic SEO Images Lazy Tags ajoute loading="lazy" et éventuellement decoding="async" à vos images PrestaShop afin que les pages riches en images commencent à s'afficher plus tôt et que le navigateur diffère les images hors écran jusqu'à ce qu'elles soient réellement nécessaires. Les visiteurs voient plus vite le contenu visible, ce qui améliore la vitesse perçue et les Core Web Vitals.
Le module agit au niveau du presenter, sans analyser le HTML rendu. Les pages produit ainsi que les listes de catégorie et de recherche sont enrichies via les hooks de presenter de PrestaShop, tandis que les textes saisis dans le back-office — descriptions de produit, de catégorie, de page CMS et de fabricant — passent par le filtre de contenu. Comme rien ne réécrit la sortie finale de la page, le module reste pleinement compatible avec le cache pleine page et le CCC.
La logique est volontairement prudente. Les images possédant déjà un attribut loading restent intactes, les images en data-URI intégrées sont ignorées, et toute image portant une classe CSS d'exclusion (par défaut no-autolazy) continue de se charger immédiatement — idéal pour un visuel principal au-dessus de la ligne de flottaison qui ne doit jamais être différé.
La configuration tient en trois réglages : activer le lazy loading, choisir l'ajout du decoding asynchrone et définir la classe d'exclusion. C'est une aide honnête à la performance — elle ne compresse, ne redimensionne ni ne convertit aucune image, et ne modifie aucun fichier de template.
- Enrichissement des données d’image. La sortie des images produit reçoit
loading="lazy"sur les images de couverture, par défaut et de galerie, avecdecoding="async"en option. - Traitement des champs de contenu. Les contenus HTML modifiables sont analysés pour repérer les balises image et les enrichir avant l’affichage dans la vitrine de la boutique.
- Contrôle du contenu éditable. Les équipes décident du traitement des images dans descriptions et pages CMS, pas seulement des photos catalogue.
- Option de décodage séparée. La boutique peut ajouter un décodage asynchrone même lorsqu'une image contrôle déjà son propre chargement.
- Sûr pour les images Data URI. Les images Data URI intégrées sont ignorées au lieu de recevoir des attributs de chargement différé.
- Configuration réduite. Le formulaire ne comporte que trois réglages: activer le chargement différé, définir la classe d’exclusion et choisir si async decoding doit être ajouté.
Chargement différé et async decoding des images PrestaShop
Automatic SEO Images Lazy Tags ajoute des attributs de chargement différé et, si vous le souhaitez, async decoding aux images PrestaShop afin que les images hors écran ne ralentissent pas la première vue de la page. Les pages produit, catégories, recherche et contenus riches en images peuvent sembler lentes lorsque toutes les images tentent de se charger immédiatement. Le module applique ce comportement au niveau de la présentation des images PrestaShop et vous donne dans l’interface d’administration une classe d’exclusion pour les images qui doivent apparaître sans délai.
Rendez les pages riches en images plus rapides à l’usage
Les clients sont moins patients lorsqu’une page produit ou catégorie met trop de temps à devenir utilisable, surtout sur mobile. Le chargement différé aide le navigateur à prioriser ce que l’acheteur voit d’abord, au lieu de consommer de la bande passante sur des images situées plus bas. Une impression de chargement plus rapide protège les ventes, car les pages lentes perdent souvent des visiteurs avant la comparaison des produits ou l’ajout au panier.
Améliorez la performance sans modifier le thème
Ajouter des attributs de chargement différé directement dans les templates reste fragile: une mise à jour de thème, une modification de thème enfant ou un nouveau module peut annuler le travail. Ce module applique les attributs d’image via le flux de présentation du magasin, avec une configuration centralisée. Vous économisez du temps de développement et réduisez le risque qu’un changement de thème supprime discrètement une amélioration importante de vitesse.
Gardez les images clés du premier écran immédiatement visibles
Appliquer le chargement différé à toutes les images peut se retourner contre vous si l’image principale, le logo, le slider ou la première image produit doit apparaître tout de suite. Le module fournit une classe CSS d’exclusion pour les images de contenu modifiable qui ne doivent pas être chargées en différé. Vous gagnez en vitesse sur les images moins prioritaires tout en protégeant les éléments visuels qui façonnent la première impression du client.
Respect des attributs existants et des classes d’exclusion
Le module garde des réglages ciblés: activer le chargement différé, ajouter éventuellement async decoding et définir une classe d’exclusion pour les images à charger immédiatement. Il fonctionne sur les images produit, les images de liste et les contenus HTML modifiables tels que descriptions et pages CMS. C’est un assistant de performance pratique, pas une suite complète d’optimisation d’images; il ne promet donc ni compression, ni réécriture de formats, ni scores Core Web Vitals garantis.
-
Référencemprseoimageslazytags
-
En stock2147483647 Items
-
Compatibilité PrestaShopPS 1.7 – 9.x
-
Modèle tarifaireAchat unique
-
Type de moduleFront & Back-office
-
Concerne le RGPDNon
-
Objectif commercialAugmenter le trafic
-
Compte externe requisNon
-
Complexité du moduleModule complet
-
Étape du parcours clientAttirer les visiteurs
-
Compatible avec la plateformeAucune plateforme externe
Ce que les clients disent de nous
Avis sur l’entreprise
5.0
★
★
★
★
★
(4 avis)
Chargement des avis clients...
Aucun avis produit pour le moment
Soyez le premier à partager votre expérience avec ce module.
Écrire un avis
Accélérez les pages PrestaShop riches en images en ajoutant le lazy loading natif du navigateur aux images produit éligibles, aux images de listing et aux contenus HTML modifiables. Le module ajoute loading="lazy" et, si l’option est activée, decoding="async" au niveau des presenters et des contenus PrestaShop. Il évite ainsi de réécrire toute la page rendue.
Vous avez une question sur ce produit ?
Nos experts sont là pour vous aider. Posez vos questions sur l'installation, la compatibilité ou les spécifications.
1258
questions
9
catégories
2014
création de modules depuis
1.7–9
versions de PrestaShop
v1.0.112026-05-27
- Addedcomplete FR/DE/ES/IT/PL translations
- FixedRegister lazy image tag autoload namespace
- FixedMigrate config to ConfigTable, fix parse error in deleteConfigs
Chargement du changelog complet...
Fonctionne bien avec Automatic SEO Images Lazy Tags
Les modules que notre équipe associe réellement à celui-ci — et pourquoi chacun a sa place dans la même configuration.
Complement
Automatic SEO Images Lazy Tags rend déjà les pages riches en images plus rapides en différant le chargement des images produits, de listing et de contenu hors écran. La vitesse est traitée, mais les images différées peuvent encore avoir des descriptions faibles ou absentes, laissant de côté l'accessibilité et le contexte pour la recherche d'images.
Automatic SEO Images Alt Tags prend en charge ce volet descriptif en générant des textes alt à partir de modèles pour les images de produits, de listings et de catégories, sans édition manuelle des champs. Les deux outils améliorent les mêmes images sur des axes différents : l'un contrôle le moment de leur chargement, l'autre précise ce qu'elles représentent, chacun géré séparément.
Ensemble, vous obtenez des pages à la fois plus légères et mieux décrites. Les acheteurs utilisant des technologies d'assistance gagnent un contexte utile tandis que tout le monde profite d'un chargement perçu plus rapide : le travail de performance entamé avec le lazy loading est ainsi complété par une amélioration de l'accessibilité et du contexte des images, plutôt que de laisser l'un des deux volets inachevé.
- -10%
Complement
Automatic SEO Images Lazy Tags s'attaque à une cause visible des pages lentes en différant les images hors écran, mais le chargement des images n'est qu'une partie de ce qui rend une boutique PrestaShop rapide. Les couches de cache, la gestion des assets et les goulots d'étranglement côté serveur façonnent la vitesse réelle et échappent à ce qu'un attribut d'image peut influencer.
Performance Revolution couvre ce territoire plus large en donnant à votre équipe des contrôles concrets pour le caching, le préchauffage du cache et la gestion des assets, ainsi que l'analyse des goulots d'étranglement dans une seule zone du back office, avec des options Redis, APCu et auto-détection. Il fonctionne aux côtés du lazy loading comme un outil distinct à portée plus large, sans le remplacer.
Le bénéfice est une vitesse traitée à plusieurs niveaux. Le lazy loading garde légères les pages riches en images pendant que Performance Revolution agit sur le cache et les goulots d'étranglement derrière elles : les pages lentes risquent ainsi moins de gaspiller du trafic payant ou de pousser les acheteurs à abandonner avant le paiement, chaque outil gérant la partie de la performance pour laquelle il est conçu.
Complement
Une boutique utilisant Automatic SEO Images Lazy Tags a amélioré la livraison des images côté front, mais une grande partie de la vitesse réelle de PrestaShop dépend du cache côté serveur, hors de portée d'un attribut d'image. Si Redis est mal configuré ou non vérifié, les pages peuvent rester lentes quelle que soit la façon dont les images se chargent.
Instant Redis couvre ce volet infrastructure en vous donnant un panneau de back office pour configurer, tester et nettoyer Redis, avec les paramètres de connexion et des métriques en direct comme la version, l'uptime et la mémoire. Il fonctionne aux côtés du lazy loading comme une préoccupation distincte : l'un allège le travail d'images du navigateur, l'autre aide à confirmer que votre backend de cache est connecté et en bonne santé.
En exécutant les deux, vous traitez la vitesse depuis le navigateur et depuis la couche de cache. Le lazy loading diffère les images que les acheteurs ne voient pas encore tandis qu'Instant Redis rend votre configuration Redis plus facile à vérifier et à maintenir : vous risquez moins de laisser de la performance de côté parce que le cache était discrètement cassé derrière des pages par ailleurs bien optimisées.
Measurement
Automatic SEO Images Lazy Tags prend en charge une amélioration de vitesse bien connue, mais sur une boutique réelle il est difficile de savoir si les images différées sont votre véritable goulot d'étranglement ou un facteur mineur à côté de requêtes lentes, de problèmes de cache ou d'assets de thème trop lourds.
Performance Audit y répond sous forme de service, en profilant votre site en production sur PHP, les requêtes lentes, le cache et le CCC, les Core Web Vitals, le pipeline d'images, les assets du thème, l'hébergement et le CDN, puis en classant chaque goulot d'étranglement selon son impact réel sur le temps de chargement et les conversions. Il diagnostique sans rien modifier, en complément du module.
Le bénéfice, c'est des preuves plutôt que des suppositions. Vous gardez le lazy loading actif pour ses gains côté front pendant que l'audit vous indique, par ordre de priorité, où se trouvent réellement les problèmes de vitesse restants : votre prochain investissement en performance cible la cause au plus grand effet plutôt qu'un énième correctif supposé.
Retour sous 30 jours
Retour simple - sans questions
Modules Plug & Play
Installer, configurer et profiter
Support en priorité
Aide et satisfaction avant tout
You might also like
