Optimisations des médias dans Speed Optimizer
Table des matières
Compression d’images
Nous redimensionnerons vos images pour réduire l’espace qu’elles occupent et le temps nécessaire au chargement de chaque image. Les dimensions de vos images ne changeront pas et avec notre algorithme de redimensionnement amélioré, le changement visuel de qualité est pratiquement indétectable.
Vous pouvez utiliser le bouton Aperçu pour tester avec une seule image comment fonctionne la compression et choisir le niveau de compression le plus approprié pour vous.
![](https://d3kky1fz3fem6z.cloudfront.net/wp-content/uploads/sites/2/2019/06/sg-optimizer-media1.jpg)
Une nouvelle fenêtre s’ouvrira dans laquelle vous pourrez utiliser notre image par défaut ou télécharger la vôtre, qui vous permettra de voir comment les différents niveaux de compression affectent la qualité de l’image.
![](https://d3kky1fz3fem6z.cloudfront.net/wp-content/uploads/sites/2/2019/06/sg-optimizer-media2.jpg)
En utilisant le bouton Édition , vous pouvez régler le niveau de compression souhaité et si vous voulez que nous créions une sauvegarde de vos images avant de les compresser. Notez qu’en fonction du nombre d’images sur votre site web, le processus peut prendre un certain temps.
![](https://d3kky1fz3fem6z.cloudfront.net/wp-content/uploads/sites/2/2019/06/sg-optimizer-media3.jpg)
Utiliser les images WebP
WebP est un format d’image de nouvelle génération pris en charge par les navigateurs modernes, qui réduit considérablement la taille des formats d’image standard tout en conservant la même qualité. Une taille d’image réduite signifie des vitesses de chargement des pages web plus rapides, c’est pourquoi nous vous recommandons fortement d’activer cette fonctionnalité.
![](https://d3kky1fz3fem6z.cloudfront.net/wp-content/uploads/sites/2/2019/06/sg-optimizer-media4.jpg)
Chargement différé du support
Cette option fait en sorte que vos images ne se chargent que lorsqu’elles sont sur le point de devenir visibles pour vos visiteurs et non lors du processus de chargement initial de votre page. En activant cette option, les gravatars (très utile pour les messages avec beaucoup de commentaires, où des centaines de requêtes peuvent être nécessaires juste pour charger les gravatars des auteurs de vos commentaires), les vignettes, les images réactives, les widgets et les mobiles seront chargés paresseux.
![](https://d3kky1fz3fem6z.cloudfront.net/wp-content/uploads/sites/2/2019/06/sg-optimizer-media5.jpg)
Vous pouvez également exclure des classes CSS et des types de média spécifiques de la fonctionnalité de chargement différé.
![](https://d3kky1fz3fem6z.cloudfront.net/wp-content/uploads/sites/2/2019/06/sg-optimizer-media6.jpg)
Largeur maximale de l’image
Si vous téléchargez ou utilisez souvent des images volumineuses sur votre site web, vous pouvez commencer par redimensionner les images pour qu’elles s’ajustent à une largeur maximale. Cela peut réduire la taille des images jusqu’à 80 % et augmenter considérablement la vitesse de chargement des pages contenant une ou plusieurs grandes images. En activant cette option, les images futures dont la largeur dépasse 2560 px seront redimensionnées.
![](https://d3kky1fz3fem6z.cloudfront.net/wp-content/uploads/sites/2/2019/06/sg-optimizer-media7.jpg)