Améliorez la vitesse de chargement de votre site avec EWWW Image Optimizer

Il y a quelques jours, j’ai vécu une expérience désagréable. J’avais très envie de lire un article bien vendu sur Twitter, alors j’ai cliqué sur le lien me redirigeant vers le site web concerné.

Et puis j’ai attendu 3 secondes. 4 secondes. 5 secondes. Sur l’écran : rien. Après 3 coups de F5 compulsifs pour rafraîchir la page : toujours rien. Alors j’ai passé mon chemin, un peu bougon. Moment lecture : paf, aux oubliettes.

Plusieurs raisons peuvent expliquer la lenteur de chargement d’une page web. Souvent, des images trop volumineuses représentent le coupable n°1.

Ça tombe bien, l’extension EWWW Image Optimizer est là pour vous aider à réduire leur poids.

Grâce à elle, vous soignerez la vitesse de chargement des pages de votre site WordPress, et éviterez à vos visiteurs (moi, par exemple) de ressentir une grosse frustration en essayant de lire votre prose. 

À la fin de cet article, vous saurez précisément comment configurer ce plugin pour vous en servir comme un as sur-le-champ.

Initialement rédigé en octobre 2019, cet article a été mis à jour pour la dernière fois en mars 2022.

EWWW Image Optimizer, c’est quoi ?

EWWW Image Optimizer est une extension freemium qui compresse et optimise le poids de vos images dans le but d’améliorer la vitesse de chargement des pages de votre site. Vous pouvez déterminer le réglage de compression, optimiser vos images en masse et les redimensionner. Le plugin s’utilise sans connaissances techniques et sans besoin de recourir au code. 

Installé sur 1000K+ installations actives, EWWW Image Optimizer est l’une des extensions les plus populaires du répertoire officiel pour optimiser vos images, avec Smush (1M+ installations actives) et Imagify (800K+ installations actives).

Elle est globalement très appréciée par les utilisateurs, qui lui attribuent l’excellente note de 4,7 étoiles/5 au moment de rédiger ces lignes.

Quelles sont les fonctionnalités majeures de la version gratuite d’EWWW Image Optimizer ?

Dès sa version gratuite, EWWW Image Optimizer permet notamment de :

• compresser et optimiser le poids de vos images sans aucune limitation de taille. En fait si, pour être tout à fait précis, la limite est fixée à… 150 MB. Mais autant vous dire que cela ne risque pas d’arriver ;
• compresser vos images sur votre propre serveur : vous n’avez pas besoin de vous inscrire ni de demander une clé API ;
• traiter les principaux formats d’images : JPG, PNG, GIF, PDF et WebP ;
• réaliser l’optimisation de toutes les images déjà présentes sur votre site d’un seul coup, grâce à une optimisation en masse ;
• optimiser les fichiers présents dans la Médiathèque, mais aussi ceux présents dans d’autres dossiers (ex : les images de votre thème) ;
• stocker vos images gratuitement pendant 30 jours.

Pourquoi utiliser une extension de compression d’images ?

Juste avant de passer à la configuration de l’extension et à la découverte de ses réglages, répondons à une question centrale : au fait, pourquoi devez-vous utiliser une extension pour compresser vos images ?

Il y a plusieurs bonnes raisons à cela : 

1. Les images peuvent représenter jusqu’à la moitié du poids d’une page web. En optimisant leur poids, vous vous assurez d’améliorer la vitesse de chargement de vos pages. 
2. Vous proposez une meilleure expérience utilisateur à vos visiteurs. Un site trop lent à se charger est frustrant pour l’internaute, qui décidera d’aller voir ailleurs s’il ne trouve pas rapidement ce qu’il recherche. 
3. Vous prenez soin de votre SEO. La vitesse de chargement est un critère pris en compte par l’algorithme de Google pour positionner une page, même s’il a peu de poids à côté de facteurs majeurs comme les liens (backlinks) ou la pertinence de vos contenus.
4. Un site qui se charge rapidement, avec des images optimisées, aide à limiter le taux de rebond. 

Vous voulez améliorer le SEO de votre site et développer son trafic ? WPMarmite propose une formation pratique, idéale pour les débutants, afin de sortir votre site de l’anonymat et le rendre enfin visible sur la 1ère page de résultats de recherche de Google. 👇👇👇

Bien sûr, il existe des logiciels de retouche pour compresser vos images. Je pense par exemple à Adobe Photoshop et à sa fonctionnalité « Enregistrer pour le web ». Ou encore à des outils en ligne comme TinyPNG, Jpeg.io ou Compressor.io.

Cependant, ils ont trois principales limites par rapport à une extension : 

1. Ces outils ne sont pas toujours gratuits et vous n’êtes peut-être pas à l’aise avec leur mode de fonctionnement.
2. Le degré de compression ne sera pas forcément aussi efficace qu’avec un plugin WordPress dédié.
3. L’usage d’un logiciel tiers vous « oblige » à faire des allers-retours entre son interface et celle de votre site WordPress. Avec une extension, vous disposez de toutes les options directement sur le tableau de bord de votre site, pour un gain de temps non négligeable.

Allez, après cette mise en bouche, je vous propose de passer au plat de résistance. Découvrez en détails comment paramétrer EWWW Image Optimizer.

Comment configurer EWWW Image Optimizer : tutoriel d’utilisation

Comment optimiser le poids de vos images ? 

Sur votre interface d’administration WordPress, commencez par installer et activer EWWW Image Optimizer en passant par le menu Extensions > Ajouter :

Une fois cette opération effectuée, rendez-vous sur le menu de configuration du plugin, dans votre barre latérale sur la gauche, en cliquant sur Réglages > EWWW Image Optimizer.

Vous allez le voir, seulement deux étapes sont nécessaires pour que l’extension commence à fonctionner.

Étape 1 : sélectionnez vos objectifs

L’extension vous demande d’abord de sélectionner vos objectifs : 

• cochez la ou les cases correspondantes si vous voulez accélérer votre site et/ou économiser l’espace de stockage. Pour les besoins de ce tutoriel, je sélectionne les deux options proposées ;
• décidez si vous souhaitez dès à présent passer sur l’offre Pro de l’extension, ou pas.

Cliquez sur le bouton bleu « Suivant » lorsque vous avez terminé :

Étape 2 : validez vos réglages

Sur l’écran suivant, l’extension vous demande de valider ou d’infirmer les réglages qu’elle recommande pour votre site : 

• retirer les métadonnées. L’extension précise que cela « supprimera toutes les métadonnées : EXIF, commentaires, profils colorimétriques et tout ce qui n’est pas une donnée en pixels » ;
• activer le chargement différé sur vos images (lazy load). C’est-à-dire qu’elles ne se chargeront qu’une fois qu’elles apparaîtront sur l’écran de votre visiteur, au scroll ;
• conversion WebP. WebP est un format d’image matricielle proposé par Google. Il compresse encore plus les images qu’en JPG ou PNG, sans perte de qualité. Pour info, WordPress prend en charge nativement ce format depuis sa version 5.8.
  L’extension vous prévient sur un point majeur : la conversion au format WebP augmentera vos besoins de stockage.
  Elle recommande l’usage d’Easy IO, un CDN (Content Delivery Network) proposé par EWWW Image Optimizer dans sa version Pro uniquement ;
• redimensionner la largeur et la hauteur de vos images déjà téléversées ;
• accéder à la documentation et au support depuis votre tableau de bord WordPress. 

Pour commencer, vous pouvez laisser les réglages proposés par défaut. Vous aurez la possibilité de les modifier par la suite à tout moment. Cliquez sur « Enregistrer les réglages pour poursuivre » :

Et voilà, c’est tout bon. EWWW Image Optimizer est désormais configuré et prêt à fonctionner !

L’extension précise que les nouveaux téléversements seront optimisés automatiquement. Asseyez-vous confortablement et savourez : le plugin va tout faire seul comme un grand, à votre place.

Que propose le tableau de bord d’EWWW Image Optimizer ?

Lorsque tous vos paramètres sont configurés, EWWW Image Optimizer vous redirige sur son tableau de bord, que l’on peut scinder en deux parties. 

En haut de la page, un encart vous présente : 

• le score d’optimisation de vos images (40 % dans mon cas). Des recommandations vous sont aussi proposées pour améliorer ce score ;
• les économies de compression locale (248,39 KO). Si vous vous rendez dans votre Médiathèque, vous disposez d’un aperçu de l’optimisation pour chaque fichier. Par exemple, le poids de l’image représentant un chat a été réduit de 7,7 %, soit une perte de 56,8 KO.

Le reste de la page propose 3 onglets : 

• Général permet de procéder aux ajustements de votre choix concernant par exemple le chargement différé, le redimensionnement de vos images, ou encore la conversion WebP ;
• Support propose des options pour déboguer ou réparer votre site. Vous trouverez par exemple un lien vers la documentation et un autre pour contacter directement le support, même en version gratuite (!) ;
• Contribuer vous offre la possibilité de contribuer à l’amélioration de l’extension, en autorisant par exemple le suivi de son utilisation ou en la traduisant.

Alors, c’est tout ? Eh bien non, figurez-vous qu’EWWW Image Optimizer propose aussi une autre option bien pratique. Découvrez-la dans la partie suivante.

Comment optimiser des images en masse avec EWWW Image Optimizer ?

L’optimisation de masse (bulk optimization, en anglais) consiste à optimiser le poids de vos images d’un seul coup, depuis la même page.

Pour en profiter, rendez-vous dans Médias > Optimisation de masse. Cliquez sur le bouton « Analyse d’images non optimisées » afin que l’extension détecte les images qui méritent d’être traitées.

Pour info, EWWW Image Optimizer va scanner les images de votre Médiathèque, mais aussi celles de votre thème, et « les avatars de BuddyPress, les images BuddyPress Activity Plus, les diapositives Meta Slider, les avatars WP Symposium Pro, les pièces jointes GD bbPress, les galeries Grand Media et tout autre dossier spécifié par l’utilisateur ».

Laissez faire l’extension en arrière-plan et en quelques secondes, le tour est joué. 

Vous connaissez à présent le mode de fonctionnement d’EWWW Image Optimizer. La version gratuite vous semble limitée ? Le plugin dispose d’une offre premium disséquée dans la partie suivante. 

Combien coûte EWWW Image Optimizer ?

EWWW Image Optimizer est basée sur un modèle freemium. D’un côté, vous pouvez profiter de l’extension gratuite, activable depuis votre tableau de bord WordPress.

Elle répond au besoin de base (réduire le poids de vos images) et reste suffisante pour débuter.

Pour aller plus loin, Shane Bishop, le développeur américain de l’extension, propose une offre premium composée de 3 extensions : 

1. Easy Image Optimizer : il s’agit du CDN utilisé dans l’extension gratuite pour compresser automatiquement vos images.
   En sus, il réduit également vos fichiers CSS et JavaScript pour réduire le poids de vos pages.
2. Compress API : grâce à cela, l’optimisation de vos images sera encore plus poussée (plus de réduction de leur poids). Vous pouvez aussi stocker vos images sur les serveurs d’EWWW pendant 30 jours.
3. SWIS Performance. Ce plugin est une boîte à outils qui propose notamment la mise en cache de vos pages, l’optimisation de vos polices d’écriture Google Fonts ou encore la minification de vos fichiers CSS et JavaScript.

Au total, 3 licences sont proposées, pour des prix allant de 7 $/mois (680 €) pour une utilisation sur 1 site, à 25 $/mois (23 €) pour un usage illimité.

Plus la licence est chère, plus vous disposez d’options et de bande passante. Chaque licence propose un essai gratuit de 7 jours et vous disposerez de deux mois gratuits si vous réglez à l’année.

Notez que vous pouvez aussi vous procurer chaque extension individuellement aux tarifs suivants : à partir de 5 $/mois (4,50 €) pour Easy Image Optimizer, 3 $/mois (2,70 €) pour 1 500 crédits d’image pour Compress API et à partir de 30 $/an (27 €) pour SWIS Performance.

Quelles sont les autres plugins à votre disposition pour optimiser vos images ?

Depuis le début de cet article, j’évoque EWWW Image Optimizer. Tout efficace qu’il soit, il n’est pas tout seul sur le marché. 

Je vous ai aussi parlé d’Imagify et Smush, mais d’autres solutions alternatives existent, à l’image de : 

• ShortPixel ;
• Optimole ;
• reSmush.it ;
• Robin image optimizer ;
• WP Compress ;
• TinyPNG (cet outil dont je vous ai parlé plus tôt propose aussi cette extension).

Je ne les connais pas toutes en détails, mais je vous conseille de suivre les conseils suivants au moment de choisir un plugin pour optimiser vos images : 

• vérifiez la taille maximale des fichiers à optimiser et les limitations imposées ;
• jetez un œil aux options proposées afin de tomber sur une extension qui réponde vraiment à vos besoins. Une option pour optimiser en masse, par exemple, est souvent bienvenue ;
• prêtez attention à l’interface : dans la mesure du possible, elle doit être facile à utiliser ;
• contrôlez le type de fichiers pris en charge pour la compression de vos images. Les formats classiques suivants doivent au minimum y figurer : JPEG, PNG, GIF, PDF, WebP, voire SVG ;
• renseignez-vous sur les formats de compression utilisés par l’extension en question. Les plus connus sont la compression avec perte (lossy) et la compression sans perte (lossless). En lossy, l’image perd un peu en qualité mais la réduction du poids de l’image sera plus importante qu’en lossless.

Allez, sans transition, dressons maintenant un bilan, après ce test de l’extension EWWW Image Optimizer.

Notre avis final sur EWWW Image Optimizer

Les avantages de l’extension

• L’extension est très simple à paramétrer et à utiliser. Après quelques réglages basiques, tout se passe en automatique.
• L’absence de limitation de taille (ou presque) pour les images à optimiser.
• La traduction du tableau de bord en français est un réel plus pour se familiariser avec les différents réglages. 
• L’assistance gratuite par e-mail à tous les utilisateurs.
• La présence de l’option d’optimisation en masse de vos images, très pratique pour éviter de procéder au cas par cas… et gagner beaucoup de temps.
• La possibilité d’activer le chargement différé de vos images dès la version gratuite.

Les inconvénients du plugin

• EWWW utilise pas mal de mémoire puisqu’il tourne sur votre propre serveur. Si vous avez beaucoup d’images à optimiser et une offre d’hébergement peu performante, cela risque de coincer.
• L’interface n’est pas la plus attrayante du marché, surtout si on la compare à ce que propose Imagify, par exemple.
• La documentation est relativement complète et aborde de nombreux sujets, mais elle est uniquement disponible en anglais.
• Le manque de clarté au niveau des offres premium. EWWW Image Optimizer met d’abord en avant ses licences groupées (comprenant les 3 plugins), mais vous pouvez aussi vous procurer chaque extension à l’unité. Sauf que pour cela, il faut bien ouvrir les yeux. 

À qui se destine EWWW Image Optimizer ?

EWWW Image Optimizer est approprié pour toutes les personnes désirant optimiser simplement le poids de leurs images. 

Sa facilité d’usage en fait naturellement une solution de choix pour le public débutant sur WordPress. 

Il conviendra aussi aux personnes qui souhaitent le tester sans prendre de risque financier : sa version gratuite est déjà intéressante pour procéder à des optimisations.

Télécharger EWWW Image Optimizer :

Personnellement, j’ai trouvé l’extension efficace et pratique, mais ce n’est pas la plus performante pour réduire le poids de vos photos (en tout cas dans sa version gratuite).

Imagify, qu’Alex vous a aussi présenté sur le blog de WPMarmite, lui avait par exemple permis d’atteindre un gain de compression jusqu’à 85 % (contre près de 30 % au maximum avec EWWW Image Optimizer dans ce test).

Par contre, son quota gratuit est limité à 20 MB par mois, ce qui est un inconvénient par rapport à EWWW Image Optimizer.

Enfin, de façon plus générale, si vous souhaitez optimiser le temps de chargement de votre site WordPress, optez pour l’extension premium WP Rocket (lien aff). Cette extension de cache très facile à utiliser – elle fonctionne déjà dès son activation – permet en plus d’optimiser vos fichiers, votre base de données et même vos médias.

Et vous, que pensez-vous d’EWWW Image Optimizer : est-il déjà actif sur votre site ? Donnez-nous votre avis en laissant un commentaire.