Quand on crée un site web ou un blog, il y a 5 axes à suivre : la fonctionnalité, la sécurité, le design, le référencement et la performance. Même si on garde cela à l’esprit, il est toujours un peu difficile d’être au top sur tout les fronts, et il peut arriver que l’on délaisse un peu la performance par manque de temps ou bien par défaut…
Heureusement qu’il existe des plugins qui nous permettent de mener à bien tout cela ! Nous allons voir dans cet article comment optimiser la vitesse d’un site WordPress grâce au puissant plugin IMAGIFY.
A quoi sert Imagify ?
Imagify est un plugin WordPress créé par l’équipe de WP Media – qui “inonde” le monde de WordPress avec leurs incontournables plugins tels que WP Rocket ou SecuPress – vous permettant de compresser, directement en ligne, les images contenues dans votre bibliothèque afin de les alléger et sans perdre une once de qualité !
Pourquoi utiliser Imagify ?
Vous vous dites que vous respectez déjà les bonnes pratiques afin d’optimiser vos images avant des les uploader dans WordPress et que, par conséquent, vous n’avez pas besoin d’alourdir encore votre site avec un énième plugin ? FAUX ! Vous allez constater par vous même que Imagify va à nouveau optimiser vos photos et ainsi rendre votre site d’autant plus rapide au chargement… Comme par magie !
Comment ça marche ?
Comme tout plugin, il faudra vous rendre dans l’onglet Extension > Ajouter, saisir Imagify dans la barre de recherche puis l’installer et l’activer… Ensuite, en quelques étapes très bien guidées, vous pourrez passer aux choses sérieuses :
Étape 1 : créer un compte Imagify
Dès l’activation du plugin, vous verrez apparaitre une “fenêtre de bienvenue” en haut de votre écran d’administration. Il suffira de suivre les quelques étapes, à commencer par l’étape “1. Créer son compte”. Cliquez sur “Inscrivez-vous, c’est gratuit” et saisissez votre adresse mail. Dans l’instantané, vous recevrez un mail contenant votre identifiant (adresse mail), votre mot de passe (généré automatiquement) et votre clé API. Cet email contient également un lien de confirmation à cliquer absolument afin de terminer l’activation de votre compte Imagify.
Étape 2 : saisir sa clé Imagify
Ensuite, il sera simple pour vous de passer à l’étape “2. Saisir la clé API” en cliquant sur “J’ai récupéré ma clé API” puis en collant celle-ci dans l’encart dédié. Je vous rappelle que cette clé vous a été envoyée par email. Sinon, vous pourrez également la retrouver dans votre compte sur le site d’Imagify.
Étape 3 : configurer les réglages
Passez ensuite à l’étape “3. Configurez-le” en cliquant sur “Aller aux réglages”… C’est à partir de cet onglet que vous pourrez configurer les quelques paramètres avant de lancer l’optimisation :
- Informez-vous sur les solutions premiums à envisager pour votre site en cliquant sur “What plan do I need ?”
- Comparez les différents types de compressions en cliquant sur “Essayer le comparateur visuel”
- En fonction de vos préférences, choisissez votre niveau de compression : Normal / Agressif / Ultra
- Optez pour la redimension automatique des images trop grandes (par exemple si certaines de vos photos font plus de 2000px ou 3000px, vous pourriez envisager de les retailler à 1000 pixels maximum…).
- Décidez de conserver, ou non, toutes les données EXIF de vos photos
- Choisissez les différentes miniatures à optimiser : si vous cochez toutes les miniatures, vous userez davantage de forfait, cependant tout votre site sera optimisé
- Optez pour un menu rapide à placer dans la “top-bar” de votre administration
- Cliquez sur “Save & Go to Bulk Optimizer” afin de sauvegarder vos changements et passer à l’optimisation en masse.
Étape 4 : lancer l’optimisation en masse
Dans cet onglet, vous allez pouvoir traiter toutes les images déjà contenues dans votre bibliothèque. Les futures images que vous téléchargerez, quant à elles, s’optimiseront automatiquement (en fonction de votre crédit ou de votre forfait bien-sûr). Pour lancer la compression de votre bibliothèque :
- Choisissez votre niveau de compression : Normal / Agressif / Ultra
- Cliquez sur “Imagif’em all”
- Vous verrez les images qui défileront avec leur statut “compressing”, “well done”, “error” ou “complete”
- Accédez au récapitulatif en temps réel du travail fourni par Imagify : le nombre d’images optimisées, le pourcentage d’images optimisées par rapport à votre bibliothèque totale, le poids original, le poids optimisé etc…
Étape 5 : attendre le mois suivant ou passer à l’option premium
Si vous avez installé Imagify pour le tester, vous avez certainement opté pour un plan gratuit… Ce dernier sera certainement un peu court pour pouvoir optimiser l’entièreté de vos médias… Vous obtiendrez alors un joli “Oups, c’est fini !” laissant ainsi présager deux solutions :
- soit vous êtes patients et vous attendez le mois suivant pour obtenir 25Mo supplémentaires (quelques images seulement)
- soit vous passez à la version premium
Pour information : j’ai fait le test de la performance d’un vieux blog (certes pas très bien entretenu, je vous l’accorde) sur l’outil de Google PageSpeed avant et après le traitement par Imagify de seulement 18% de ma bibliothèque et le résultat est impressionnant (même s’il reste médiocre mais ce n’est pas la faute du plugin) : je suis passée de 37/100 à 57/100 ! Combien aurais-je obtenu si j’avais traité la totalité de ma bibliothèque ? À méditer…
Quels sont les tarifs et les alternatives ?
Le grand avantage d’Imagify est que l’on peut choisir de rester en version free, d’opter pour un plan “One Time” qui permet de payer, en une fois, un pack permettant de traiter un bon nombre d’images ou bien de passer à un forfait mensuel.
Vous êtes donc libre de votre formule en fonction de l’utilisation de votre site ou de votre blog WordPress. Je vous propose une petite comparaison avec deux autres plugins similaires : Kraken.io et ShortPixel
| Nbe installs actives | |||
| Offre de lancement | |||
| Version gratuite | |||
| Offre mensuelle | $69,99/mois = 50Gb | $29,99/mois = 55000 images | $79/mois = 60Gb |
| Nbe Go additionnels | par mois selon l'offre | par mois selon l'offre |
|
| One time plan | $19,99 pack de 3Go | $99,99 pack 170000 images |
En conclusion…
Comme le titre de cet article l’indique : essayer Imagify c’est l’adopter… Et c’est vrai ! C’est incroyable comment un plugin aussi facile à utiliser peut être autant performant ! Vous l’installez puis il fait tout le boulot, pourquoi s’en priver ? De plus les chiffres parlent d’eux même : faites-en l’expérience !
Alors, vous attendez quoi pour commencer ?
MERCI @LYCIA pour ton article, excellent! je m y mets.
Bonjour, on a testé imagify, mais il faut d’abord réduire vos images avant de les passer à la moulinette imagify, les images trop lourdes sont rejetées systématiquement, cela n’a donc servi à rien chez nous, autant modifié ces images avant de les charger sur notre site, aussitôt installé, aussitôt désinstallé
@valou28 : Oui, en effet, ce super plugin ne vous dédouane pas de mettre en application les bonnes pratiques de gestion des images (https://wpformation.com/optimiser-images-wordpress/) avant de les uploader… Si vos images font 5000px et 10mo ou 13mo comme il m’arrive régulièrement de voir sur certains sites WordPress, Imagify aura du mal à vous satisfaire… À contrario, si vous uploadez des images déjà resizées à 1000px par exemple avec un poids de 200, 300 voire 400ko (je dis bien Ko et non Mo), vous comprendrez l’utilité d’Imagify qui vous les réduira jusqu’à 80% et plus de leur taille originale… Google et visiteurs apprécieront certainement !
Excellent article !
Une des grandes difficultés lorsque je forme des clients à l’alimentation de leur boutique en ligne est la gestion des images.
Les clients habitués à publier sur FB une image faite depuis leur iPhone, ne comprennent pas toujours les procedures pour l’optimiser avant de la placer dans leur bibliothèque. As tu une astuce ou une méthode ultra super simple pour faciliter cela ?
Et fonctionne aussi bien sur Windows que sur Mac.
Merci
Fred
@fred-vdpk tu peux parfaitement utiliser le plugin suivant https://fr.wordpress.org/plugins/resize-image-after-upload/ et imposer ainsi tes largeurs/longueurs max à tes clients
@wpformation et @fred-vdpk Bonjour ! En effet, le plugin “resize image after upload” peut être une solution bien qu’il fonctionne uniquement avec les uploads d’images à venir (est précisé : “This plugin will not resize images that have already been uploaded.”) et qu’il ne permet pas d’avoir la main sur le poids/résolution (si je ne me trompe pas). Du coup, la méthode manuelle me parait peut-être plus efficace bien que plus contraignante pour le client… Selon l’environnement du client et ses “capacités” on peut conseiller PhotoShop et LightRoom (PC & Mac), sinon pour PC il y a GIMP et pour Mac il y a “Aperçu” ou même un logiciel comme Affinity Photo ou Designer… Tous ces logiciels permettent d’exporter une photo selon une taille (width) et un poids précis permettant ainsi à l’image de passer de 5mo à 150ko (par exemple) sans trop de perte de qualité, mais avec un peu de travail tout de même… S’il y a d’autres solutions, je serais heureuse de les découvrir ! Bonne continuation :-)
Par rapport à EWWW Image Optimizer ou WP Smush ? La comparaison devrait prendre en compte ces 2 extensions pour être au top !
Bonjour,
Pour ma part ce plug-in a foutu la pagaille, les images se sont bien compressées, mais j’ai eu droit à un joli petit carré en page d’accueil en lieu et place de mon logo.
Pour finir il a renommé toutes mes images, désormais elles s’appellent toutes “1×1.trans” ce n’est pas beau ça? -.-
Comment je fais pour au moins retrouver le nom d’origine?
Avez-vous rencontré les mêmes désagréments?
Merci.
@fred-vdpk J’utilise généralement Imsanity pour redimensionner les images à l’upload sur le site.
Bonjour,
@red c’est bien le problème qui me retient de passer le pas de ce type de plugin car j’ai deja eu ce soucis avec un autre dont je ne retrouve plus le nom, il me semble que j’avais le pb sur les images insérées avec des modules visual composer mais pas sur mes photos de produit, bref, je n’ose pas aujourd’hui refaire la manip car j’ai trop de produits sur mon site, si @wpformation pouvais nous donner son avis sur ce point ça serait vraiment top !
Merci
@red @guiton avant toute chose, tester sur un site en production n’est jamais une bonne idée ! Pour ma part, que ce soit avec Kraken (en place sur ce site) ou avec Imagify lors des tests, aucun problème rencontré tant sur les images du blog que sur du WooCommerce.
Bonjour,
De mon côté, j’utilise WP Smush pour les images. Fidèle et satisfait depuis bien longtemps. Cet article me donne surtout envie de comparer les solutions proposées.
Personnellement j’utilise de WP Smush sur 4 de mes wordpress. Contrairement à Imagify, il ne nécessite aucune inscription, ni même d’API. Je suis très étonné que vous soyez passé à côté de ce plugin qui fait pourtant référence en la matière.
Seule contrainte à la version gratuite de WP Smush est le bulk limité à 50 images, mais une fois installé, tous les nouveaux uploads seront automatiquement optimisés. L’idéal est donc de l’installer dès le départ.
Je viens de lancer le plugin sur un blog voyage. En version free, le résultat était pas mal. le plugin ne fait pas tout mais il est quand même intéressant de le combiner avec d’autres solutions de réduction de taille d’image. Je pense d’abord à tinyjpg.com pour gratter quelques Ko… Les résultats obtenus, encore une fois en version Free : AVANT 72/100 (desktop), 55/100 mobile . APRES 77/100 (desktop), 61/100 mobile.