CTW Image Optimizer PRO – AVIF, WebP, lazy loading et PageSpeed
Un assistant convertit en un clic les images de la boutique en AVIF et WebP, ajoute le lazy loading et les dimensions manquantes, puis affiche votre résultat Google PageSpeed avant et après. Les URL des images, le thème et les originaux restent inchangés.
À propos du module
Les images représentent généralement la plus grande part de chaque page d’une boutique, et PageSpeed donne depuis des années les mêmes conseils : formats modernes, chargement différé des images sous la ligne de flottaison et dimensions qui empêchent la page de « sauter ». CTW Image Optimizer PRO fait les trois dans un seul module et montre l’effet en chiffres.
Le module crée des copies AVIF et WebP à côté de chaque image (par ex. 1-home_default.jpg.avif et .webp) et sert le meilleur format pris en charge par le navigateur : AVIF, puis WebP, puis l’original. L’AVIF est généralement 20 à 30 % plus léger que le WebP. Il ajoute au HTML de la boutique le lazy loading, decoding="async" et les attributs width et height manquants. Sur la boutique de démonstration PrestaShop, le poids des images est passé de 7,44 Mo à 1,87 Mo en AVIF (75 % de moins) et à 2,40 Mo en WebP.
Comment ça marche
- Installez le module. Si vous avez la version Basic, PRO la désactive automatiquement et reprend ses règles.
- Lancez l’assistant « Optimiser ma boutique » : cinq étapes, un clic, avec une barre de progression de la conversion et une barre de poids avant / après.
- Comparez le résultat Google PageSpeed (score, LCP, CLS, poids de la page) et le poids des images sur l’accueil, une catégorie et une fiche produit, avant et après.
- Configurez le cron (URL ou ligne de commande) pour optimiser automatiquement les nouvelles miniatures, catégories et imports. Les nouvelles images produit sont converties dès leur envoi.
Pour qui
- Les boutiques qui tiennent à leur score PageSpeed et aux Core Web Vitals (LCP, CLS).
- Les marchands sans compétences techniques : l’assistant guide pas à pas, avec des messages en langage simple.
- Les gros catalogues : la conversion s’exécute par lots d’environ 8 secondes et reprend après une interruption, testée sur environ 20 000 images.
- Les agences qui veulent montrer à leurs clients un résultat avant / après chiffré.
Prérequis et limites
L’AVIF nécessite PHP 8.1+ avec GD compilé avec libavif, ou ImageMagick 7 avec le codeur AVIF. Le module le vérifie lui-même et, sans AVIF, fonctionne avec le WebP, qui apporte l’essentiel du gain. La mesure PageSpeed nécessite une boutique accessible publiquement (ni localhost, ni mode maintenance) ; pour des mesures fréquentes, ajoutez une clé API Google PageSpeed gratuite. Sur un serveur nginx seul, les règles de diffusion doivent être ajoutées manuellement ; un extrait de configuration figure dans le panneau. Le module ne redimensionne pas les images, ne compresse pas les JPG d’origine et ne réécrit pas les URL vers un CDN.
Ce qu’il résout
-
Un score PageSpeed faible à cause des images
Google signale les formats modernes, le chargement différé et les dimensions manquantes, et chacune de ces corrections demande un travail séparé dans le thème.
-
La page saute pendant le chargement
Les images sans width ni height décalent le contenu, ce qui dégrade le CLS et agace les clients sur mobile.
-
Le WebP ne suffit pas
L’AVIF est généralement 20 à 30 % plus léger que le WebP, mais il faut le générer, vérifier que le serveur le prend en charge et ne le servir qu’aux navigateurs compatibles.
-
L’optimisation demande des compétences techniques
Conversion, règles serveur, lazy loading et mesures : plusieurs outils et beaucoup de configuration pour laquelle un marchand n’a pas le temps.
-
Aucune preuve que cela fonctionne
Sans mesure avant / après, difficile d’évaluer l’effet ou de le montrer à un client ou à sa direction.
Fonctionnalités clés
-
Assistant « Optimiser ma boutique »
Cinq étapes et un clic : vérification du serveur, mesure « avant », activation de l’AVIF, du WebP et du lazy loading, conversion des images et mesure « après ». Une barre de progression de la conversion et une barre de poids avant / après montrent ce qui se passe.
-
AVIF et WebP avec choix automatique
Des copies AVIF et WebP à côté des originaux, et chaque navigateur reçoit le meilleur format qu’il prend en charge : AVIF, puis WebP, puis l’original. Les URL des images et le thème ne changent pas, et l’en-tête Vary: Accept protège les caches et CDN.
-
Lazy loading et dimensions manquantes
Les images sous la ligne de flottaison ne se chargent qu’au défilement, reçoivent decoding=« async » ainsi que les width et height manquants : la page ne saute plus et le CLS s’améliore. Sans modifier les templates.
-
Google PageSpeed avant / après
Score, LCP, CLS et poids de la page avant et après optimisation. La mesure « avant » fonctionne aussi sur une boutique déjà optimisée : le module désactive brièvement l’optimisation et la rétablit automatiquement après 5 minutes.
-
Poids des images sur les pages de la boutique
Le poids des images sur l’accueil, une catégorie et une fiche produit en version originale, AVIF et WebP, ainsi que la liste des images sans lazy loading ni dimensions.
-
Plus rapide sur les gros catalogues
Une option pour ignorer les images produit d’origine que la boutique n’affiche jamais rend la conversion environ deux fois plus rapide et économise de l’espace disque. La conversion s’exécute par lots et reprend après une interruption.
-
Diagnostic AVIF en langage simple
Le module vérifie l’AVIF par un vrai test d’encodage. Si le serveur ne le prend pas en charge, un message simple indique le gain estimé en Mo, les détails techniques sont repliés pour l’administrateur, et « Vérifier à nouveau » contrôle le serveur après modification.
-
Tout ce que propose la version Basic
Tableau des économies avec résultats par type d’image, conversion des nouvelles images dès leur envoi, cron par URL et CLI (y compris en mode maintenance), test de diffusion en un clic, configuration nginx prête à l’emploi et outils de maintenance.
-
Les originaux ne sont jamais modifiés
Le module ajoute uniquement des fichiers .avif et .webp. La ré-optimisation repart toujours de l’original, et le nouveau fichier ne remplace l’ancien qu’une fois entièrement écrit.
Questions fréquentes
Quelles versions de PrestaShop sont prises en charge ?
PrestaShop 1.7 à 9.x, avec PHP 5.6 à 8.4. L’AVIF nécessite PHP 8.1 ou plus récent.
Quand l’AVIF fonctionne-t-il ?
Lorsque PHP dispose de GD compilé avec libavif (PHP 8.1+) ou d’ImageMagick 7 avec le codeur AVIF ; la version de PHP seule ne suffit pas. Le module le vérifie à l’installation et dans le panneau. Sans AVIF, il fonctionne avec le WebP, qui apporte l’essentiel du gain.
Le module modifie-t-il mes images d’origine ou mon thème ?
Non. Il crée des fichiers .avif et .webp à côté de l’original, et les URL des images et les templates restent inchangés. Le lazy loading et les dimensions sont ajoutés au HTML à la volée.
J’ai la version Basic. Que devient-elle ?
Après l’installation, PRO désactive automatiquement Basic et reprend la diffusion. Les fichiers WebP existants sont conservés ; PRO ajoute uniquement l’AVIF.
Pourquoi PageSpeed ne mesure-t-il pas ?
La boutique doit être accessible publiquement, ni sur localhost ni en mode maintenance. Sans votre propre clé API, Google refuse souvent les requêtes à cause d’une limite quotidienne partagée : vous pouvez coller une clé API Google PageSpeed gratuite dans les paramètres avancés.
Et avec un très grand nombre d’images ?
La conversion s’exécute par lots d’environ 8 secondes, sans risque de timeout. La progression est enregistrée en base : après fermeture de l’onglet, le module reprend là où il s’est arrêté, et le cron fait le même travail en arrière-plan. Testé sur environ 20 000 images.
Fonctionne-t-il en mode maintenance et avec nginx ?
En mode maintenance, le panneau, la conversion, la diffusion et le cron fonctionnent normalement. Avec Apache, il fonctionne immédiatement ; avec nginx seul, ajoutez l’extrait de configuration du panneau.
Que comprend la licence ?
Un achat unique pour un domaine de production, des domaines de test illimités, et 12 mois de mises à jour et de support. Ensuite, le module continue de fonctionner, simplement sans nouvelles versions.
Compatibilité et conditions
- Compatibilité
- PS 1.7 – 9.x
- PHP
- 5.6+
- PrestaShop
- 1.7 – 9.x
- PHP
- 5.6 – 8.4 (AVIF : 8.1+)
- Formats
- AVIF, WebP
- Serveur
- Apache (.htaccess) ou nginx
- Support
- 12 mois
- Type de licence
- Achat unique, 1 domaine, 12 mois de mises à jour
- Pour qui
- Boutiques PrestaShop 1.7–9.x, agences
Journal des versions
1.0.3
- Traduction française du panneau du module.
1.0.2
- Message simple lorsque l’AVIF n’est pas disponible, avec le gain estimé en Mo et la possibilité de le masquer ; détails techniques repliés pour l’administrateur.
- Badge gris « AVIF indisponible » au lieu d’un badge rouge.
- « Vérifier à nouveau » aussi dans les paramètres avancés.
1.0.1
- Barre de progression de la conversion et barre de poids plus lisible.
- Mesure « avant » aussi sur une boutique déjà optimisée, rétablie automatiquement après 5 minutes.
- Message sur la limite Google avec un lien vers une clé API gratuite.
- Diagnostic AVIF et bouton « Vérifier à nouveau ».
Versions précédentes (1)
1.0.0
- Première version : AVIF et WebP, assistant « Optimiser ma boutique », lazy loading et dimensions des images, PageSpeed avant / après, poids des pages, images d’origine ignorées, désactivation automatique de la version Basic.