Si vous êtes un utilisateur de WordPress et que vous essayez de trouver des moyens d’optimiser votre site Web, l’un des meilleurs est d’optimiser vos images. La compression d’images de WordPress présente toutes sortes d’avantages, notamment en ce qui concerne les taux de conversion et de rebond.

Il existe plusieurs excellents outils de compression d’images pour WordPress, mais à mon avis, le meilleur compresseur d’images est Smush. Ils vous montrent comment optimiser les images pour WordPress rapidement et facilement, et fournissent beaucoup d’outils pour un plugin WordPress gratuit.

Pourquoi choisir Smush pour la compression d’images WordPress ?

Il y a tellement de raisons d’aimer Smush. Le fait que Smush soit gratuit ne fait que le rendre plus attractif pour ceux d’entre nous qui essaient de trouver un outil de compression d’images WordPress solide.

Le plugin est livré complet avec plusieurs fonctionnalités vraiment étonnantes, notamment :

  • Compression sans perte
  • Compression en vrac
  • Détection d’images de taille incorrecte
  • Optimisation automatisée
  • Chargeur paresseux
  • Intégration du bloc Gutenberg
  • Compatibilité multisite

En gros, vous pouvez utiliser toutes ces fonctions ensemble pour optimiser vos images WordPress sans perdre en qualité. Smush contribuera également à la vitesse de votre site. En utilisant cet outil, les pages se chargent plus rapidement sans sacrifier la qualité des images.

Une autre grande chose à propos de ce plugin est qu’il vous permet d’optimiser et de compresser toutes les images existantes qui sont sur votre site Web sans avoir à les télécharger à nouveau.

Voyons maintenant comment utiliser Smush pour compresser et optimiser les images sur WordPress.

Installation et activation de Smush

Encore une fois, le plugin Smush est gratuit et vous pouvez l’installer directement depuis votre tableau de bord d’administration WordPress. Il vous suffit de vous rendre dans le répertoire des plugins et de rechercher “Smush”.

En relation  Comment ajouter JavaScript et CSS à WordPress

Installez et activez le plugin pour pouvoir l’utiliser.

Une fois le plugin installé et activé, vous pouvez vous rendre sur la page de configuration principale en cliquant sur l’onglet “Smush” qui apparaîtra désormais dans le menu de gauche de votre tableau de bord d’administration WordPress.

Parcourons ensemble la configuration.

Assistant d’installation du plugin de compression d’images Smush WordPress

Lorsque vous cliquez pour la première fois sur l’onglet Smush, vous accédez à la page d’installation principale. Vous y trouverez une série de fenêtres contextuelles et d’instructions. Examinons-les ensemble.

La première fenêtre contextuelle vous dit simplement bonjour et vous informe que vous êtes sur le point de configurer Smush de la manière dont vous souhaitez qu’il fonctionne. Lisez-le et cliquez sur le bouton “Begin Setup”.

La deuxième case est celle de la compression automatique. Choisissez si vous voulez ou non utiliser la compression d’image Smush WordPress pour optimiser automatiquement toutes vos nouvelles images lorsqu’elles sont téléchargées.

Cette case sera automatiquement cochée, vous devez donc la laisser et cliquer sur “Suivant”.

Vient ensuite la fenêtre contextuelle des métadonnées EXIF. Smush supprimera automatiquement toutes ces données pour vous si vous le souhaitez et réduira et optimisera encore la taille des fichiers d’images. Cliquez sur “Suivant” pour continuer.

Enfin, Smush vous demandera s’il peut ou non suivre certaines de vos données d’utilisation afin d’améliorer encore le plugin. Smush ne suit pas les données personnelles, cette option est donc entièrement à votre discrétion.

Cliquez sur “Finish Setup Wizard” pour terminer cette partie de la configuration et continuer.

À ce stade, le plugin va rapidement optimiser toutes les images que vous avez déjà sur votre site Web WordPress. Une fois que c’est fait, vous êtes renvoyé au tableau de bord principal de Smush où vous pouvez jouer avec certaines options.

Tableau de bord de Smush

Le tableau de bord de Smush est l’endroit principal où vous allez régler les paramètres et apprendre à optimiser les images pour WordPress.

Comme vous pouvez le voir, vous pourrez consulter la documentation, revérifier les images, voir combien d’images ont été ” smushées ” et afficher le total des économies réalisées pour les résultats de la compression d’images pour WordPress.

En relation  Comment ajouter des légendes d'images dans WordPress

Passons en revue le reste des options du tableau de bord de Smush. Faites défiler vers le bas et vous verrez une liste d’options avec lesquelles vous pouvez jouer. Elles comprennent :

  • Smush en vrac
  • Annuaire Smush
  • Intégrations
  • Chargement paresseux
  • CDN
  • Outils
  • Paramètres

Smush en vrac

Comme vous êtes déjà sur la page principale, vous verrez que “Bulk Smush” a déjà été sélectionné. Si vous le souhaitez ou si vous en avez besoin, cliquez sur le bouton pour écraser vos images en masse.

Répertoire Smush

Après avoir ajusté le “bulk smush”, allez-y et cliquez sur l’option “Directory Smush”.

À partir de là, le plugin Smush vous permet de fusionner des images situées en dehors de votre répertoire de téléchargement. Il suffit d’ajouter les fichiers et les dossiers que vous souhaitez optimiser et Smush fera le reste.

Intégrations

Smush vous permet d’intégrer le plugin à certains des outils WordPress les plus populaires. Si l’une des quatre cases est grise, cela signifie simplement que vous n’utilisez pas ce plugin ou cette source particulière.

Smush permet des intégrations dans :

  • Gutenberg
  • Amazon S3
  • Galerie NextGen
  • Créateur de pages WPBakery

Sélectionnez tous les onglets disponibles que vous voulez intégrer et continuez.

Chargement paresseux

Cliquez sur l’onglet suivant intitulé “Lazy Load”. Si vous voulez l’activer, cliquez sur le bouton bleu “Activer”.

La fonction du Lazy Loading permet de réduire la charge sur votre serveur et d’accélérer le temps de chargement de vos pages. Pour ce faire, elle ne charge les images que lorsque l’utilisateur les fait défiler pour les voir. C’est une excellente option à mon avis, je vous recommande donc de l’activer.

CDN

L’onglet suivant est l’option Smush CDN. Cliquez dessus et si vous êtes intéressé, vous pourrez en savoir plus sur cette fonction. Il existe également un grand nombre de services CDN solides.

Note :Vous aurez besoin d’un abonnement WPMU DEV pour activer cette fonction et l’utiliser.

En relation  Comment ajouter facilement des effets d'agrandissement d'image dans WordPress

Fondamentalement, si vous mettez à niveau, vous pouvez utiliser le CDN de WPMU DEV avec une compression avec perte multi-pass et des fonctionnalités de redimensionnement automatique. Cela va vraiment augmenter la vitesse de vos pages encore plus.

Cela fonctionne car les réseaux de diffusion de contenu comme CloudFlare partagent le site avec d’autres serveurs dans le monde entier. En fait, les personnes les plus proches de ces serveurs accèdent au site à partir de ces endroits. Cela élimine la distance lorsqu’il s’agit de vitesse de chargement.

Outils

Sous Outils, vous trouverez une option. Vous pouvez laisser Smush détecter et afficher les tailles d’image incorrectes.

En fait, cette option n’est visible que pour vous. Les utilisateurs du site ne seront en aucun cas affectés. Cela permet simplement à Smush de vous montrer les images de votre site Web qui ne sont pas correctement dimensionnées afin que vous puissiez les corriger si vous le souhaitez.

Paramètres finaux

Le dernier onglet, mais non le moindre, est celui des paramètres finaux. Smush vous propose d’autres options de réglage que vous pouvez remplir comme bon vous semble.

Ces paramètres comprennent :

  • Traductions
  • Accessibilité des couleurs
  • Suivi de l’utilisation
  • Données
  • Statut de l’API

Une fois que vous avez effectué toutes les opérations ci-dessus, vous êtes prêt. Vous avez réussi à configurer Smush et vous êtes prêt à l’utiliser pour toutes vos compressions et optimisations d’images WordPress à partir de maintenant. N’oubliez pas de cliquer sur le bouton “Save Changes” (Enregistrer les modifications) pour appliquer toutes les modifications que vous avez apportées en cours de route.

Gardez le site optimisé

La compression d’images WordPress est un aspect très important de l’optimisation d’un site Web. Non seulement vos images s’afficheront correctement sur le Web, mais votre site sera également plus rapide. Et cela contribuera à votre classement dans les résultats de recherche de Google.

Avez-vous déjà utilisé Smush pour optimiser les images WordPress ? Préférez-vous plutôt un autre outil de compression d’images WordPress ?