Compression Images | WPmu Dev

Lorsqu’un site web prend suffisamment du temps pour se charger, les visiteurs le quitteront très vite pour un autre site.

Et la raison principale d’une vitesse de chargement lente d’une page web est la taille lourde des images sur la page.

Dans le but d’offrir une expérience utilisateur assez intéressante, Smush a été développé en tant que plugin WordPress afin d’aider à compresser la taille des images sur un site web.

Pour comprendre comment fonctionne cet outil, je vous invite à lire attentivement cette brève description.

Qu’est-ce que Smush ? 

Avec plus d’un million d’installations actives, Smush est sans doute l’un des plugins d’optimisation d’image les plus populaires selon le répertoire officiel de WordPress.

L’outil a été développé par la team WPMUDEV, étant reconnu comme une équipe experte en conception des produits WordPress depuis un certain moment.

L’outil s’assure de compresser chaque image de votre site WordPress dans le but d’optimiser afin de rendre la vitesse de chargement des pages plus rapide et performant.  

En réalité, les pages avec des contenus visuels sont celles qui performent le plus aujourd’hui, néanmoins la taille des images doit respecter une certaine norme. 

Les images rendent vos contenus attrayants et faciles à lire pour les acheteurs, mais lorsqu’elles ont une taille très lourde, elles peuvent compromettre l’optimisation du contenu de la page web en général.

Voici quelques avantages et inconvénients d’utiliser l’outil de compression Smush :

Avantages

• L’outil offre des fonctions d’optimisations d’images gratuites et illimitées ;
• Possibilité de compresser automatiquement les images lors du téléchargement ;
• Possibilité de supprimer automatiquement les informations inutiles de vos images telles que les métadonnées et les données EXIF ​​​comme l’emplacement, l’heure et les dates, etc ;
• Vous pouvez redimensionner automatiquement vos images en taille réelle à un minimum et un maximum prédéfinis ;
• L’outil fonctionne avec WordPress Multisite, vous pouvez activer le plugin ou le configurer pour les préférences de chaque site ;
• Possibilité de visualiser les statistiques d’optimisation des images comme le nombre d’images compressées, les tailles et l’espace économisé ;
• Vous n’avez pas besoin de créer un compte utilisateur pour utiliser leur clé API sur la version gratuite. La version gratuite vous donne la possibilité de compresser individuellement les images de votre site web, vous pouvez également compresser en bloc 50 images à la fois ;
• L’optimisation de l’image utilise les ressources du serveur du développeur du plugin. Cela signifie que les ressources de votre serveur privé ne sont pas utilisées dans ce processus. Ceci est particulièrement avantageux pour les sites Web utilisant un environnement d’hébergement partagé ;
• Le plugin met en évidence les images incompatibles sur votre frontend afin que vous puissiez corriger les tailles. Cela se fait cependant sur le rôle d’administrateur, les visiteurs de votre site ne peuvent pas le voir.

Les inconvénients

• La taille de fichier maximale n’est que de 1 Mo pour la version gratuite. Cela peut ne pas être suffisant pour toutes les catégories de sites web. Cependant, la version Pro autorise jusqu’à 32 Mo ;
• La version gratuite ne conserve pas vos images originales ;
• La version gratuite est limitée à 50 images par instance. Cela peut prendre plus de temps si vous avez de nombreuses images à compresser.

Comment installer le plugin Smush ?

Étape 1 : Comme tout plugin WordPress, vous devez nécessairement vous connecter à votre tableau de bord WP pour installer Smush.

Étape 2 : Sur votre tableau de bord WP, vous devez vous rendre sur le panneau latéral gauche et cliquer sur l’option ‘’Plugins’’ puis sélectionnez ‘’Ajouter un nouveau’’.

Étape 3 : Dans la barre de recherche qui s’affiche dans le coin supérieur droit du tableau de bord, vous tapez ‘’Smush Image Compression and Optimization’’.

Étape 4 : Une fois que le plugin recherché apparaît, il vous suffit simplement de cliquer sur le bouton ‘’Installer maintenant’’.

Étape 5 : Il ne suffit pas seulement d’installer le plugin, vous devez également l’activer pour qu’il soit disponible à l’usage. Pour cela, vous n’avez qu’à cliquer sur le bouton ‘’Activer’’ dans le coin supérieur droit.

Une fois que le plugin est installé, vous pouvez commencer par optimiser les images sur votre site web, mais avant, vous devez configurer le plugin.

Comment configurer le plugin Smush ?

La configuration d’un plugin consiste simplement en quelques réglages supplémentaires.

Pour la configuration de Smush, voici quelques étapes simples que vous pouvez suivre :

Étape 1 : Étant donné que le plugin smush est activé, il peut s’afficher dans le panneau latéral gauche du tableau de bord WordPress. Pour le configurer, il vous suffit de cliquer dessus et sélectionnez ensuite ‘’Paramètres’’ sous cette option.

Étape 2 : Dans le panneau de paramètre du plugin, vous verrez quatre onglets différent :

• Général ;
•  Configuration ;
• Données et paramètres ;
• Et accessibilité. 

Lorsque vous cliquez sur la section ‘’Général’’, vous pouvez facilement définir la langue de votre choix.

Par défaut, Smush utilisera la langue que vous aurez définie dans vos paramètres d’administration WordPress. 

Dans la même section, vous avez la possibilité de définir un suivi d’utilisation, cela permettra à l’équipe de Smush de suivre les fonctionnalités que vous utilisez fréquemment afin de mieux développer et d’innover le plugin.

Une fois que vous avez terminé avec les paramètres généraux, cliquez sur ‘’Enregistrer les modifications’’ pour sauvegarder les modifications.

Étape 3 : Après la section ‘’Général’’, nous allons nous intéresser à la section ‘’Configuration’’ dans le panneau de paramètre.

Ici, vous pouvez sauvegarder des configurations prédéfinies pour les utiliser pour le plugin smush sur d’autres sites web.

Généralement, les configurations par défaut dans cette section conviennent à la plupart des types de sites web.

Dans ce cas, vous n’avez qu’à l’appliquer en cliquant sur le bouton correspondant.

Étape 4 : Après cela, nous allons nous intéresser à la section ‘’Données et paramètres’’. 

Cette section vous donne la main pour pouvoir contrôler les paramètres des données du plugin installé. Le plugin dispose d’une fonctionnalité permettant de procéder à une restauration en bloc intégré pour restaurer vos vignettes d’image à leur état d’origine.

De plus, lorsque vous désinstallez ce plugin, vous pouvez enregistrer les données du plugin pour la prochaine fois ou les réinitialiser. Comme vous le savez, à chaque modification, vous devez cliquer sur le  bouton ‘’Enregistrer les modifications’’ pour sauvegarder les configurations définies.

Étape 5 : Dans la section ‘’Accessibilité’’, vous pouvez activer le mode de contraste élevé. 

Ce mode augmentera la visibilité et l’accessibilité des éléments et des composants pour répondre aux exigences d’un plugin réactif. Après cela, cliquez sur ‘’Enregistrer les modifications’’. De cette façon, vous pouvez facilement configurer le plugin et commencer à optimiser les images sur votre site.

En général, Smush est un plugin WordPress proposant plusieurs fonctions d’optimisation d’images dans le but de vous aider à rendre la vitesse de chargement de votre site web plus rapide pour les utilisateurs.