Dans cet article de la Base de connaissances HostPapa, nous vous aiderons à obtenir un site plus rapide, grâce à des images optimisées dès leur téléchargement.
Nous allons vous suggérer un module pour faire le plus gros du travail à votre place, qui s’appelle are EWWW Image Optimizer. L’utilisation de ce module vous évitera de devoir modifier des photos, ce qui peut être très chronophage.
Le module EWWW Image Optimizer est un module WordPress conçu pour optimiser les images dès leur téléchargement. Il offre les fonctionnalités suivantes :
- La capacité d’optimiser les images déjà téléchargées.
- La possibilité de convertir les fichiers images en différents formats plus petits.
Par exemple, EWWW Image Optimizer peut convertir une capture d’écran du format PNG à JPEG, ce qui réduit la taille du fichier.
Comment installer le module EWWW Image Optimizer
1. Connectez-vous au tableau de bord WordPress de votre site.
2. Avec HostPapa, vous pouvez vous connecter à votre Tableau de bord HostPapa puis cliquer sur Mon WordPress. Si nécessaire, vous pouvez consulter cet article pour vous aider : Comment se connecter au tableau de bord WordPress.
3. Allez dans Extensions > Ajouter une extension puis cherchez le module.
Pour en savoir plus sur l’installation de modules WordPress, vous pouvez également lire cet article de base de connaissances HostPapa : Comment installer des modules dans WordPress.
4. Une fois l’installation terminée, cliquez sur Activer.
5. Depuis la barre latérale WordPress, allez dans Réglages > EWWW Image Optimizer.
Choix de configuration simple
Options premiums
Quand vous souscrivez à un forfait premium, vous pouvez sélectionner le bouton radio pour Activer Easy IO et/ou Compress API. Ça vous permet de débloquer plus de compression et d’espace sur votre site web.
Supprimer les métadonnées
Cette fonctionnalité élimine toutes les métadonnées des images. Des outils comme Photoshop peuvent intégrer des images vignettes dans un fichier JPG, il est donc important de supprimer les métadonnées pour minimiser la taille du fichier.
Les métadonnées incluent les données Exchangeable Image File Format ou format de fichier d’image échangeable (EXIF) comme l’ouverture, le type d’appareil photo, l’exposition et plus encore. Elles couvrent aussi la localisation, des informations de droits d’auteurs intégrées et des profils couleur. Toute donnée non nécessaire est supprimée de l’image.
Mais quand on utilise Easy IO ou Compress API, les profils couleurs sont systématiquement préservés .
Décocher cette option préserve toutes les métadonnées, sauf quand on utilise le mode Premium Plus (Mode Ludicrous, onglet Local, etc.). Dans le mode Premium Plus, pour les JPG et les PNG, les seuls champs préservés sont les droits d’auteurs, la localisation et la date de création.
Lazy load
Utiliser Lazy Load pour les images peut améliorer de façon significative les délais de chargement de votre page en retardant le chargement des images jusqu’à ce qu’elles apparaissent (ou soient proches d’apparaître) à l’écran. C’est particulièrement avantageux pour les sites contenant beaucoup d’images.
De plus, la fonctionnalité Lazy Load dans EWWW IO (et Easy IO) fonctionne en collaboration avec diverses fonctionnalités pour offrir des améliorations progressives.
Les informations de compatibilité pour les autres Lazy Load sont disponibles ici.
Conversion WebP
Contrairement aux autres solutions de conversion, la conversion WebP peut s’appliquer à toutes les images PNG, JPG et GIF de votre site WordPress, et pas seulement celles qui se trouvent dans la médiathèque.
En théorie, vous pouvez préciser le chemin d’accès racine de votre site WordPress dans les dossier à optimiser, exécuter Bulk Optimize, et EWWW IO générerait des versions WebP de toutes les images où WebP est plus efficace sur la taille que le format d’origine.
6. Étapes finales : Optimiser les images locales implique de cliquer sur le bouton optimiser pour lancer le processus, qui scannera toutes les images de la médiathèque.
Une fois que toutes les images ont été scannées, un nouveau bouton apparaît pour commencer le processus d’optimisation. Il vous suffit de cliquer sur Commencer l’optimisation.
Comme toujours, nous vous recommandons de sauvegarder votre site web avant d’appliquer tout changement. Cette méthode garantit que nous pouvons annuler les mises à jour en cas de problème.
Si vous souhaitez analyser les résultats du module EWWW Image Optimizer, vous pouvez vérifier les performances de votre site avec n’importe lequel des trois outils ci-dessous. Les trois outils vous offriront un comparatif des délais de chargement avant et après :
Merci d’avoir pris le temps de lire cet article. N’oubliez pas qu’en cas de problème avec votre compte HostPapa, vous pouvez ouvrir un ticket d’assistance depuis votre tableau de bord.
