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.
Sommaire
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 .
Développez votre trafic et augmentez vos ventes
Façonnez le référencement de votre site WordPress et sortez-le enfin de l’anonymat.
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 ?
Recevez gratuitement les prochains articles et accédez à des ressources exclusives. Plus de 40000 personnes l'ont fait, pourquoi pas vous ?
Bonjour,
Merci beaucoup pour cet article
J’ai l’impression qu’il y a de plus en plus de plugins d’optimisation d’images. C’est une très bonne chose. chacun y trouvera son compte.
Depuis un peu plus d’un an, j’utilisais Imagify, en version payante. Très efficace, plutôt économique et une bonne équipe derrière. Aucun soucis à noter.
Depuis qques semaines, je passe mes sites sur Robin Image Optimizer ( https://wordpress.org/plugins/robin-image-optimizer/ ). Très proche de Imagify visuellement et au niveau des fonctionnalités. Des réglages très simple. Pour l’instant aucun soucis.
La différence avec Imagify, c’est que Robin Image Optimizer est entièrement gratuit et sans aucune limitation (penser à configurer le plugin pour qu’il utilise le « serveur béta » sans limitation).
Mais ce n’est peut-être que temporaire et l’ensemble de leur service pourrait s’arrêter du jour au lendemain.
Comme ils le disent sur la page du plugin:
* Why is this plugin free and how long it will be this way?
« Our WordPress plugin to optimize images uses API of this free service: https://resmush.it, So as long as these guys allow free image optimization, our plugin will remain free. Still, we have several ideas of how to make optimization free and planning to implement them in our plugin. »
Donc il y a un risque que tout s’arrête un jour, mais ils prévoient déjà une solution alternative… On verra bien^^
Un éventuel test de ce plugin de la part de la Marmite ?
Hello, merci de ton retour. On le met dans notre liste des plugins à tester 😉
J’adore tes articles, tellement clairs et utiles. 1000 mercis !
Article complet merci pour les infos. Sans vouloir faire la moindre pub, j’utilise WP Rocket et il est relativement simple à mettre en place, intuitif et pour celui qui veut vraiment pousser les optimisations il y a de la matière. Un test entre les deux modules serait peut-être interessant 🙂
Et par rapport au plugin SMUSH ?
Celui-ci est meilleur ?
Si oui je suppose qu’il faut désinstaller smush pour installer celui-ci ? 😉
Merci et bonne journée
(Et bravo pour vos articles, j’adore ;))
Bonjour, SMUSH est très bien aussi 😉 Si tu utilises l’un, il faut en tout cas désinstaller l’autre.
Bonjour, merci pour ce blog de qualité que j’ai découvert il y a peu de temps.
Une petite question, si j’utilise un page builder type Elementor, est-ce qu’un outil d’optimisation d’image est déjà intégré ?
Merci beaucoup pour votre retour et belle journée à l’équipe.
Agathe
Bonjour Agathe, non il faudra rajouter un plugin dédié pour cela. Bonne journée
Merci , Votre Blog m’a beaucoup aidé à créer mon propre site web, j’ai suivi vos étape de A à Z , je suis très reconnaissant pour votre effort , Merci encore.
Si vous avez un commentaire juste informez moi , je ferai en sorte de l’améliorer , PS le site est un travailler de 1mois
Merci et bonne continuation
Salah-eddine-ramal
Bonjour Salah-eddine-ramal, merci pour ton message. Nous sommes contents si nos tutos ont pu t’aider. J’ai regardé ton site et dans l’ensemble il est vraiment agréable à naviguer. Je note juste que le bouton est en anglais (click to begin), également selon les photos du slider de la page d’accueil, on ne lit pas bien le blanc du texte. A voir soit foncer les images soit changer la couleur du texte. Egalement reverifier l’ortographe à certains endroits mais sinon c’est très joli. Belle continuation. NB : j’efface les liens url des commentaires car nous n’acceptons pas la publicité sur le blog . Belle journée, au plaisir de te retrouver sur la Marmite 🙂
Bonjour j’utilise photoshop et le format web héritée. J’utilise 2 formats 1900×1042 pour le header et 1200×867 pour les illustrations normale. Les fichiers font parfois 500ko quand même. Peut-être ma résolution d’image et trop grande de base. Difficile de définir une résolution adaptée. Des conseils sur des formats standards en pixel à utiliser pour le web ? ou sur la taille en ko à ne pas dépasser ? En tout cas bravo et merci pour tout les conseils, partages d’expérience et tutos.
Bonjour, concernant les images il y a 2 points à retenir : 1- elles doivent avoir la taille la plus proche du contenant sur lequel elle sera affichée (il vaut mieux éviter qu’elle ne soit plus grande) ; 2- elle doivent être compressées pour réduire au maximum la taille. Il n’y a pas de taille ou de poinds « standard ». Par contre, essaies de mettre en place ces 2 critères, cela t’aidera pour le référencement de tes images. Tu peux aussi consulter notre article à ce sujet : https://wpmarmite.com/seo-images/