Optimisez le poids de vos images, au risque d’impacter négativement… :
- les temps de chargement de votre site web
- votre taux de rebond (frustration de l’internaute)
- votre référencement naturel (Google prend en compte dans son algorithme la vitesse de chargement).
Remarque : les images peuvent parfois représenter 80 % du poids global d’une page web.
Compressez (avec ou sans perte de qualité) via des extensions comme TinyPNG, Imagify, EWWW, ShortPixel, Smush, … ou via des sites comme compressor.io.
Dans l’idéal, sur le web, une image ne devrait pas peser plus d’une centaine de Ko !
EWWW Image Optimizer
EWWW propose une version gratuite et une version payante (à partir de 5$ / mois pour un niveau de compression supérieur, sans limitations de taille de fichier).
Configuration de l’extension EWWW Image Optimizer
Rendez-vous dans le menu Réglages > EWWW Image Optimizer du Tableau de bord WordPress pour accéder à la configuration de l’extension.
Vous trouverez en haut l’état de votre compression, suivi des réglages applicables (traduits en français).
Si vous êtes sur la version gratuite, vous pouvez laisser tout par défaut.
Vous pouvez toutefois activer…
- le chargement différé de vos images (lazy load), elles seront alors chargées progressivement lorsque les visiteurs effectueront un défilement dans la page
- la conversion de vos images en WebP, un format d’image proposé par Google, avec un meilleur taux de compression – sans perte de qualité
Optimisation des images avec l’extension EWWW Image Optimizer
Rendez-vous dans le menu Médias > Optimisation de masse pour débuter par un clic sur le bouton “Analyse d’images non optimisées”.
Une fois l’analyse effectuée, vous obtiendrez le nombre d’images prêtes à être optimisées.
Si besoin, vous pouvez régler le temps de pause entre les optimisations (ex. sur des serveurs à faibles ressources).
Cliquez sur le bouton “Optimiser les {X} images” pour lancer l’opération.
Vos images sont maintenant optimisées.
Les économies de poids sont également visibles depuis la Médiathèque, sous format liste.
Imagify
Imagify est une extension fremium qui tout comme WP Rocket (pour la mise en cache) est édité par le français WP Média et propose une interface simple à prendre en main.
Imagify nécessite de créer un compte gratuit afin d’obtenir une clé API.
Remarque : les réglages sont disponibles depuis le menu Réglages > Imagify.
Remarque : la version gratuite est limitée à la compression de 20 Mo d’images par mois.
Des plans supplémentaires sont disponibles sur le site Imagify.
Imagify : conversion WebP
Imagify peut par ailleurs convertir automatiquement vos images en format WebP, un format d’image moderne et très efficace en termes de taille et de performances.
Remarque : par défaut, l’option “Afficher les images au format Web sur le site” n’est pas cochée, veuillez la cocher !
Cela permet d’améliorer encore plus la vitesse de chargement de vos pages, en particulier sur les navigateurs prenant en charge WebP.
Remarque : Imagify propose un fallback sur la version JPG si le navigateur web n’est pas compatible avec le format WebP.
Imagify : images trop grandes
Imagify propose également de limiter la taille maximale des images chargées dans la bibliothèque de médias de WordPress.
Remarque : depuis la version WordPress 5.3, la taille des images est déjà limitée par défaut à 2560 pixels.
Imagify : optimisation en masse
L’optimisation en masse peut-être lancée depuis le menu Médias > Optimisation en masse en cliquant sur le bouton IMAGIF’EM ALL situé en bas d’écran.
Remarque : l’optimisation de masse va permettre d’optimiser toutes les images qui ne l’ont pas encore été jusqu’à maintenant (dans la limite de vos crédits restants).
Les taux de compression appliqués apparaîtront ensuite dans la médiathèque WordPress.
Exemple : l’on voit ici un gain de 62,91 % par rapport à l’image d’origine.
