Les plus anciens (dont je fais partie) se souviennent de ces sites qui n’en finissaient pas de se charger.
On ne pouvait même pas jouer aux cartes en attendant, parce que le solitaire mettait aussi trois heures à charger.
On attendait bêtement devant l’écran, en plein suspens, découvrant petit à petit la page, d’abord le texte et puis les images, une éternité plus tard.
Aujourd’hui nous sommes habitués, et votre visiteur aussi (j’en fais le pari :-)), à ce que les pages demandées apparaissent instantanément ou presque.
Plus personne n’a envie d’attendre devant un écran, quel qu’il soit, que les photos apparaissent au gré du chargement.
Vous devez vous en occuper, sinon vos visiteurs, au mieux, ne feront que passer.
Quand on sait que les images représentent souvent plus de 50% du poids des pages web, l’un des moyens (incontournable) d’accélérer le chargement de votre site est de gérer le poids de vos images.
N.B. Si elle est indispensable, la gestion des images n’est pas le seul moyen pour optimiser votre site , il en existe d’autres, plus ou moins gratuits. Vous trouverez dans la Marmite un article clair et détaillé sur tout ce que vous pouvez faire pour booster votre site sans vous ruiner.
Pour optimiser vos images vous avez plusieurs plugins à votre disposition, on a déjà parlé d’Imagify mais aujourd’hui on va s’intéresser à EWWW Image Optimizer.
Pourquoi d’abord ?
À cause de l’un des préceptes de la création de pages web : ”une image vaut mille mots”… C’est Confucius qui l’a dit, même s’il ne pensait pas forcément à votre site :-).
Mais une image pèse bien plus lourd que mille mots… et ralentit considérablement le chargement de votre page.
Pour remédier à ça vous pouvez utiliser un logiciel de retouche d’images, et ainsi leur donner la taille, le poids, que vous voulez avant de les télécharger sur votre WordPress.
Mais vous n’êtes peut-être pas à l’aise avec ces logiciels ou cela vous demande trop de temps.
Pas de problème. Que des solutions !
Les plugins de compression d’image sont là pour ça, ils vous permettent d’optimiser facilement les images et donc augmenter la vitesse de chargement de vos pages (cela participera donc à l’optimisation de votre référencement)
N.B. Si vous êtes intéressés par le référencement naturel SEO, pour développer le trafic sur votre site, allez jeter un oeil sur la formation qu’Alex vous a concocté dans la Marmite : Enfin visible grâce au référencement .
EWWW Image Optimizer est l’un des plugins de compression d’image les plus utilisés pour les sites WordPress (700 000 contre 200 000 pour Imagify).
Nous l’avons testé pour vous.
Comment fonctionne EWWW Image Optimizer ?
EWWW Image Optimizer (de son petit nom EWWW IO, pas plus facile à prononcer, si je peux me permettre) optimise automatiquement les images que vous téléchargez mais il peut également compresser et optimiser vos images téléchargées précédemment.
Deux points forts (notamment par rapport à Imagify) :
- Il n’a aucune limite quant à la taille des fichiers ou au nombre d’images téléchargées.
- Il effectue toute la compression sur votre propre serveur, vous n’avez donc pas besoin de vous inscrire ni de demander une clé API.
Le revers de la médaille, c’est qu’il utilise beaucoup de mémoire. Et ça peut coincer si vous avez une grande masse d’images à optimiser et un serveur peu puissant.
N.B. Chez o2switch, cela ne pose aucun problème car tout est illimité.
Le taux de compression est également un atout de EWWW IO.
Sur cette capture, vous pouvez voir les résultats dans la bibliothèque de médias :
Les images ont été réduites de 54% à 75%. Pas mal, non ?
EWWW IO peut également optimiser les images de vos thèmes et extensions et stockées en dehors de votre bibliothèque.
Gratuit ou payant ?
Le plugin principal est gratuit et couvrira vos besoins de base.
Téléchargez la version gratuite sur le répertoire officiel
Une offre payante est néanmoins disponible et propose plusieurs avantages.
Le premier est que les images compressées sont stockées sur leurs serveurs, pas sur le vôtre.
Ainsi on économise de l’espace mais surtout, on bénéficie d’une meilleure compression et on gagne en vitesse de chargement car les images sont sur leur CDN.
Vous avez deux offres à 9$ par mois.
La différence ne saute pas aux yeux entre l’offre ExactDN et FacileE/S. L’avantage qui semble le plus évident de FacileE/S est que vous avez droit à un mois d’essai gratuit, ce qui n’est apparemment pas le cas pour l’offre ExactDN mais qui bénéficie, elle, de la clé API incluse.
Si vous avez beaucoup d’images sur votre site, souscrire à la compression API peut être intéressant pour vous, c’est un abonnement par image (0,003$ l’image). Mais dans cette offre, contrairement aux autres payantes, les images sont stockées sur votre serveur.
Vous pouvez faire une simulation pour voir combien ça va vous coûter.
Utiliser Ewww Image Optimizer
Une fois installé et activé, vous trouverez EWWW IO tout en bas de l’onglet “Réglages” de votre tableau de bord. Cliquez dessus pour le configurer.
La plupart des réglages par défaut fonctionnent pour l’usage que vous en ferez.
L’onglet basic
Simple, basic, déjà configuré.
- C’est là que vous intégrerez votre clé API si vous souscrivez à l’offre payante.
- Laissez la case “Remove Metadata” cochée, cela supprime toutes les métadonnées inutiles venant de vos différents outils ou logiciels.
- Les niveaux d’optimisation pour tous les formats sont réglés au mieux pour l’offre gratuite.
Vous avez surtout un onglet à configurer :
L’onglet redimensionner
Vous pourrez :
- Activer la détection des images de votre bibliothèque à redimensionner, cela ne sera visible que par vous (si vous êtes l’administrateur, bien sûr). Les images trop lourdes s’afficheront avec un contour bleu/noir, vous pouvez ainsi gérer les images que vous ne voulez pas redimensionner.
- Décider de la taille des images
(Si vous voulez télécharger une image sans qu’elle soit redimensionnée, insérez la chaîne « noresize » dans le nom du fichier avant le téléchargement).
- Permettre à EWWW IO d’optimiser la taille des images qui se trouvent déjà dans votre bibliothèque.
- Pareil pour celles se trouvant éventuellement en dehors de votre bibliothèque.
- Sélectionner des tailles d’images que vous ne voulez pas convertir (vos images de fond, par exemple) ni même créer.
Une fois les modifications enregistrées, toutes les images que vous téléchargerez seront désormais optimisées (pas belle, la vie ?).
N.B. Vous verrez un onglet pour convertir une image en WebP. C’est un nouveau format développé par Google qui compresse davantage la taille des images. Mais pour l’instant, tous les navigateurs ne le prennent pas en charge.
Une autre façon : l’optimisation de masse
Utile si vous avez déjà beaucoup d’images sur votre site.
Dans l’onglet “Médias” de votre tableau de bord
Vous pouvez aller dans votre bibliothèque, choisir l’affichage en liste, cocher les images que vous voulez optimiser et cliquer sur “Optimisation de masse” dans “Actions groupées”.
Ou cliquer directement sur “Optimisation de masse” en bas de l’onglet Médias. Cliquer ensuite sur l’analyse, puis sur l’optimisation, il gèrera toutes les images de votre site.
Dans la liste de votre bibliothèque de médias, dans la dernière colonne, vous pouvez voir vos économies, optimiser manuellement des images individuelles, restaurer des originaux.
Pour conclure
Et les autres plugins alors ?
Si vous utilisez d’autres plugins compresseurs d’images, et même Imagify, l’autre plugin vedette pour WordPress
Honnêtement, surtout en mode gratuit, vous ne verrez pas de grande différence, ils font tous le job.
La configuration est sensiblement la même.
Le grand avantage de EWWW IO, est qu’il n’a aucune limite pour la taille ou le nombre d’images téléchargées.
On peut donc optimiser tout son site gratuitement.
Le seul reproche qu’on peut lui faire, c’est le manque de clarté au niveau de leurs offres premium.
Vous utilisez EWWW IO (et si on l’appelait IO, maintenant qu’on se connaît mieux ?) ?
Qu’en pensez-vous ?
2Nvm2JN