Optimiser ses images avec LWS Optimize

Procédure

L'optimisation des images est un élément clé pour améliorer les performances d'un site web. Une bonne gestion des formats d'images permet de réduire le temps de chargement des pages, d'améliorer l'expérience utilisateur et d'optimiser le référencement (SEO). Le format WebP est très certainement un des plus connus lorsque l'on parle de format d'images optimisé et bien que des nouvelles alternatives, telle que l'AVIF, sont disponibles sur le marché, ce dernier continu de croitre en popularité et d'être utilisé partout, jouissant d'une très grande compatibilité avec tout les navigateurs du marché.

Il est cependant assez rare d'avoir nativement des images et photos en WebP : les types PNG ou JPEG sont généralement le format par défaut, il est donc nécessaire de les convertir dans le format WebP au préalable.

L'extension WordPress LWS Optimize vous offre la possibilité de convertir toutes vos images JPEG et PNG au format WebP directement depuis votre site. Chaque image sera optimisée sans perte afin de réduire au maximum leur taille sans réduire leur qualité.
Dans cette documentation, nous vous guiderons à travers les différentes étapes de configuration et d'utilisation de la conversion d'images avec LWS Optimize. Vous découvrirez comment activer cette fonctionnalité et optimiser votre site pour une meilleure rapidité et efficacité.

Configuration de la conversion des images en WebP avec LWS Optimize

1. Activation de la conversion d’images

Pour activer la conversion automatique des images en WebP via le plugin LWS Optimize, accédez à votre tableau de bord WordPress puis cliquez sur LWS Optimize dans le menu de gauche.

Une fois sur la page de l'extension, rendez-vous dans l’onglet Images

 et cliquez sur "Convertir les images", afin d'ouvrir la modale de configuration.

Sélectionnez les types d'images à convertir (PNG est non recommandé par défaut, car la conversion peut dans de rares cas causer la disparition de la transparence des images PNG), la qualité voulue (plus elle est basse, moins les images seront lourdes mais leur qualité visuelle pourrait en pâtir) ainsi que la taille maximale des images. Vous pouvez également choisir d'écraser les images originales au lieu de les garder, mais cela vous empêchera de les restaurer dans le futur.

Une fois les paramètres configurés, validez en cliquant sur "Convertir les images" afin de lancer le cron de conversion. Les images du site seront scannées et celles correspondant aux critères seront converties en WebP.

Selon le nombre d'images, cela peut prendre un certain temps, vous pouvez suivre l'avancée de la conversion en regardant les statistiques. Les conversions se faisant en arrière-plan par le biais de cron, vous pouvez quitter la page pendant le processus.

Si vous utilisez le WP-Cron par défaut de WordPress, il est nécessaire qu'il y ai de l'activité sur votre site afin que le cron, et par extension la conversion, se fasse.

2. Conversion des images au téléversement

L'option de conversion automatique permet de convertir en WebP toute image téléversée sur votre site directement, au lieu de devoir la convertir par la suite. Pour activer cette option, cliquez sur "Configurer" à la ligne "Conversion automatique au téléversement" afin d'ouvrir une modale similaire à la précédente.

Configurez les paramètres et validez puis cochez la case afin d'activer l'action. Aucun copie de l'image originale ne sera faite, seule l'image convertie sera sauvegardée sur le site.

3. Utilisation des images WebP sur le site

Une fois les images converties, elles seront automatiquement servie sur votre site sans intervention de votre part. Si l'image convertie n'existe plus, alors l'image originale sera servie à sa place, si disponible, vous assurant que votre site sera toujours fonctionnel même en cas de soucis avec la conversion.

 Pour vérifier que votre site utilise bien ces images optimisées :

1. Ouvrez votre site dans un navigateur.

2. Faites un clic droit sur une image et sélectionnez Inspecter.

3. Vérifiez que l’image affichée est bien au format WebP.

4. Restauration des images originales

Si vous rencontrez un problème avec les images converties ou souhaitez restaurer vos images à leur état d'origine, cliquez sur le bouton "Restaurer les images" à la ligne "Restaurer les images".

Assurez-vous de bien lire les informations qui s'affichent avant de cliquez sur le bouton "Restaurer les images", ce qui démarrera la restauration. Tout comme la conversion, la restauration peut prendre un peu de temps selon la quantité d'images à traiter.

Il est important de noter que seules les images dont l'original n'a pas été supprimé peuvent être restaurée.

Conclusion

Vous savez maintenant comment :

• Activer la conversion automatique des images en WebP avec LWS Optimize pour améliorer les performances de votre site WordPress.
• Configurer les paramètres nécessaires pour la conversion des images, en tenant compte de la qualité et de la taille des images.
• Utiliser la fonction de conversion automatique au téléversement pour gagner du temps et de l'efficacité.
• Assurer que les images WebP sont correctement servies sur votre site pour une meilleure expérience utilisateur.
• Restaurer les images originales en cas de besoin, en veillant à ne pas écraser les fichiers sources.

Grâce à ces étapes, votre site devrait charger plus rapidement, offrant ainsi une meilleure expérience à vos visiteurs et un avantage concurrentiel dans le monde du SEO. 🚀🌐

Merci d'avoir lu cet article! Si vous avez des questions ou si vous souhaitez partager votre expérience avec LWS Optimize, n'hésitez pas à laisser un commentaire ci-dessous. Vos retours sont précieux et nous aident à améliorer nos services. 💬👍