Les images représentent la majeure partie des temps de chargement de la plupart des sites web. En quelques clics, l’optimisation des images peut améliorer les temps de chargement et vous rendre, vous et vos visiteurs, plus heureux. L’optimisation des images est uniquement disponible quand le CDN de Kinsta est activé.

L’optimisation des images ne modifie pas les images stockées dans les fichiers de votre site; elle crée de nouvelles images. Les nouvelles images ne nécessitent pas de stockage supplémentaire, et elles ne comptent pas dans l’utilisation de l’espace disque de votre plan Kinsta.

Quand l’option Lossless ou Lossy est activée, le CDN crée automatiquement des versions WebP des images à la volée en utilisant le service polonais de Cloudflare. Les versions WebP sont mises en cache dans le CDN de Cloudflare et sont livrées si :

  1. l’en-tête Accept du navigateur du visiteur inclut WebP, et
  2. la version WebP est significativement plus petite.

Le CDN livrera l’image originale si elle est plus petite que la version WebP.

Activation de l’optimisation des images

Pour activer l’optimisation des images sur votre site, connectez-vous à MyKinsta, allez dans Sites WordPress > Nom du site > CDN, et cliquez sur Réglages sous Optimisation des images.

Activer l'optimisation des images dans MyKinsta
Activer l’optimisation des images dans MyKinsta

Cela vous amènera à une nouvelle fenêtre où vous pourrez choisir entre l’optimisation des images Lossless ou Lossy :

Options d'optimisation des images dans MyKinsta
Options d’optimisation des images dans MyKinsta

Optimisation des images sans perte

L’optimisation d’image sans perte est réalisée avec une compression sans perte et n’a pas d’impact sur la qualité de vos images. Seules les images GIF et PNG sont compressées, et des versions WebP de ces images sont créées. Les métadonnées sont retirées de toutes les images.

Sélectionner l'option d'optimisation d'image sans perte dans MyKinsta.
Sélectionner l’option d’optimisation d’image sans perte dans MyKinsta.

Sélectionnez cette option si la conservation de la qualité de votre image est essentielle. Si vous souhaitez compresser et créer des versions WebP d’images JPEG, vous devrez sélectionner l’option avec perte.

Après avoir cliqué sur le bouton Enregistrer les réglages, la page CDN devrait ressembler à ceci :

Optimisation d'image sans perte activée dans MyKinsta.
Optimisation d’image sans perte activée dans MyKinsta.

Optimisation des images avec perte

L’optimisation des images avec pertes peut réduire la qualité de vos images JPEG parce qu’elle utilise la compression avec pertes pour rendre ces images aussi petites que possible. Cette option compresse les fichiers GIF et PNG de la même manière que l’option sans perte et retire les métadonnées de toutes les images. Elle crée également des versions Webp de toutes les images, mais la version Webp est utilisée uniquement si elle est nettement plus petite que l’image compressée avec ou sans perte.

Sélection de l'option d'optimisation des images avec perte dans MyKinsta.
Sélection de l’option d’optimisation des images avec perte dans MyKinsta.

Sélectionnez cette option pour maximiser l’optimisation de l’image, en comprenant qu’elle peut avoir un impact sur la qualité de l’image.

Après avoir cliqué sur le bouton Enregistrer les réglages, la page CDN devrait ressembler à ceci :

Optimisation d'images avec perte activée dans MyKinsta.
Optimisation d’images avec perte activée dans MyKinsta.

 

Testez l’optimisation d’images

L’optimisation d’image ne modifie pas l’URL ou l’extension de fichier de l’image et n’altère pas le code HTML des pages de votre site web. Pour confirmer que l’optimisation d’image fonctionne, vous pouvez inspecter les en-têtes HTTP d’une image sur votre site à l’aide des outils de développeur intégrés à votre navigateur.

  1. Visitez votre site et ouvrez les outils du développeur dans votre navigateur (cliquez avec le bouton droit de la souris sur la page ou sur une image et cliquez sur Inspecter).
  2. Dans l’onglet Réseau, rechargez la page si nécessaire et sélectionnez une image.
  3. Dans l’onglet En-têtes de l’image sélectionnée, faites défiler vers le bas jusqu’à ce que vous voyiez les En-têtes de réponse et recherchez ces en-têtes et valeurs :
    1. cf-polished : Cela vous affiche le format et la taille de fichier d’origine de l’image. Si la version WebP générée de l’image a une taille de fichier supérieure à celle de l’image originale, cette dernière est toujours utilisée.
    2. content-type : Ceci affiche le format de fichier servi, indépendamment de l’URL ou de l’extension de fichier.
    3. ki-cache-type : Cette valeur doit être CDN.
    4. ki-cf-cache-status : Cette valeur doit être HIT. Cette valeur, associée à la valeur CDN de l’en-tête ki-cache-type, affiche que l’image est servie par le CDN de Kinsta.

Désactiver l’optimisation des images

Pour désactiver l’optimisation des images sur votre site web, connectez-vous à MyKinsta, allez sur Sites WordPress > Nom du site > CDN et cliquez sur Réglages pour l’optimisation des images. Dans la nouvelle fenêtre, sélectionnez Aucune et cliquez sur Enregistrer les réglages.

La page CDN reflètera maintenant qu’aucun réglage d’optimisation d’image n’est appliqué et ressemblera à ceci :

Optimisation d'image désactivée dans MyKinsta.
Optimisation d’image désactivée dans MyKinsta.