Plugin Imagify

Saviez-vous qu’en moyenne, 21% du poids total d’une page web est dû aux images ? Lorsque celles-ci sont mal optimisées en terme de taille et de poids, ce chiffre peut augmenter et plomber les performances de votre site web en conséquence.

Le plugin WordPress Imagify va compresser les images de votre site WordPress, ce qui va réduire leur poids (et non leurs dimensions) et réduire énormément le temps de chargement de vos pages. Vos images ne perdent pas en qualité mais allègent vos pages !

Installation et configuration de l'extension Imagify

Rendez-vous sur le back office de votre site WordPress.
Cliquez sur l’onglet Extensions du menu latéral de votre back office, puis cliquez sur le bouton « Ajouter ».

Dans la barre de recherche d’extensions, recherchez « Imagify » puis installez et activez l’extension.

Passez votre souris sur l’onglet « Réglages » du menu latéral de votre back office, puis cliquez sur Imagify.

Pour régler et utiliser Imagify, vous aurez besoin d’une clé API. Cliquez donc sur le bouton vert « créer une clé API gratuite ». Saisissez votre adresse email puis consultez votre boîte mail. Vous aurez reçu un mail dans lequel vous trouverez votre clé API. Copiez-la, retournez sur WordPress et collez-la pour accéder aux réglages de Imagify.

Besoin d'aide pour installer le plugin Imagify ?

Comment utiliser le plugin Imagify avec WordPress ?

Vous avez maintenant accès aux réglages du plugin Imagify.

En cochant la case « Optimiser automatiquement les images envoyées », toutes les images que vous mettrez sur votre site se feront automatiquement compressées selon vos réglages.

En cochant la case « Conserver une copie des images d’origine », les images seront sauvegardées avant compression. Vous pouvez les retrouver dans un dossier séparé.

Le redimensionnement des images trop grande vous est utile si la taille des images de votre site est plus grande que ce que votre site peut afficher. Plus concrètement, cela ne sert à rien d’utiliser une image qui fait 1920px de largeur si sur votre site cette image ne s’affiche jamais à plus de 1400px de largeur. Cela augmenterait le temps de chargement de vos pages pour rien. La case « Redimensionner les images trop grande » résout ce problème.
En cochant la case « Lossless compression », pas un seul pixel ne sera différent de la photo originale et la qualité sera préservée avant la performance, cette option peut être utile si vous êtes photographe par exemple.

L’options de créer des versions WebP de vos images ajoute des règles de réécriture dans le fichier de configuration du site et n’altère pas le code de vos pages. La seconde option remplace tout simplement les balises <img> par des balises <picture>. L’extension conseille de cocher ces options mais certains thèmes peuvent ne pas accepter ces dernières, assurez-vous donc que tout fonctionne correctement.
Choisissez ensuite les tailles que vous souhaitez optimiser (thumbnail, medium…), selon les tailles d’images présentes sur votre site.

Une fois arrivé en bas de vos réglages, cliquez sur le bouton « Enregistrer les modifications ».

Aussi, à côté de ce bouton, vous en verrez un autre vous proposant d’enregistrer ET d’accéder à l’optimisation en masse.

L’optimisation en masse permet de voir sur tout votre site WordPress le nombre d’images originales que vous avez optimisées, et lesquelles ne le sont pas. Ainsi, vous pouvez demander à optimiser les images qui ne l’ont pas été, ou tout simplement toutes les ré-optimiser.

Le conseil de votre formateur WordPress

Les images sont souvent sous-estimées, en ce qui concerne leur impact sur les performances d’un site web. Je vous recommande de toujours compresser vos images avant de les utiliser pour maximiser vos chances d’obtenir des performances optimales. De plus, je vous recommande chaudement d’aller lire mon article sur la gestion des miniatures dans WordPress.

Besoin d'aide pour configurer et utiliser le plugin Imagify ?