Le temps de chargement d’un site Web est un facteur important, tant pour l’expérience utilisateur que pour les moteurs de recherche. Une solution utilisant le format Webp s’offre à vous !
Les images, en tant qu’éléments de conception, représentent environ la moitié du poids d’un site Web. Jusqu’à récemment, la pratique la plus courante consistait à les compresser afin de réduire la taille des fichiers. Cela permet un processus de charge plus rapide. En 2010, Google a introduit le Webp, un nouveau format d’image plus efficace.
Qu’est-ce que le format Webp exactement ?
Google a créé le format d’image Webp afin de remplacer plusieurs formats d’image conventionnels tels que jpeg, jpg, png, gif et tiff.
Quel est l’objectif ? Maintenir une bonne qualité d’image tout en réduisant le poids de l’image de 25 % à 30 % afin d’améliorer la vitesse de chargement de votre site Web.
Pour être précis, le format Webp vous permet de compresser vos photographies avec ou sans perte de qualité.
Avec une compression sans perte, vous pouvez obtenir l’image la plus légère possible. Cependant, vous ne pourrez pas conserver le même niveau de qualité que l’original.
D’autre part, en utilisant la compression sans perte, vous pouvez réduire considérablement le poids d’une image tout en conservant des propriétés similaires à l’original, telles que :
- le nombre de couleurs et leur restitution,
- la définition,
- l’animation et le fond transparent.
En plus de la compression, ce nouveau format d’image prend en compte les images animées (comme les gifs) et la transparence (ex. png).
En d’autres termes, il traite une variété de types d’images tout en réduisant leur taille et en maintenant leur qualité.
Pour le moment, Webp n’est pas largement utilisé. Bien qu’il existe depuis une décennie, il n’est toujours pas totalement démocratique. De ce fait, pendant longtemps, de nombreux navigateurs (dont Firefox et Edge) ne l’ont pas supporté.
Utiliser Safari pour voir des images Webp est toujours impossible. Autre écueil, le CMS le plus connu, WordPress, ne permet pas toujours de charger ce genre d’image. Il faut obligatoirement passer par une extension pour profiter du format Webp.
Étude de cas : les performances de Webp par rapport à d’autres formats.
Bien que le format Webp comporte plusieurs défis, ils ne sont pas insurmontables. En conséquence, ses avantages l’emportent considérablement sur ses inconvénients.
En effet, nous l’avons mis à l’épreuve avec le site de notre client l’agglomération de Chaumont.
Depuis que les photos ont été converties au format Webp, les performances du site se sont considérablement améliorées, tant en termes de référencement que de temps de chargement.
Quelle que soit la connexion utilisée (Internet haut débit ou 4G), une vitesse de charge comprise entre 1 et 1,1 secondes est observée, avec un temps avant interactivité (Time to interactive) de 1,4 secondes.
Autrement dit, il vous suffit de 2 secondes sur le site pour :
- afficher le premier contenu utile (First Contentful Paint)
- permettre à l’utilisateur de cliquer sur un élément, et enfin répondre à l’interaction
Par ailleurs, aucune perte de qualité visuelle n’est perceptible sur le site de l’agglomération de Chaumont. Ils maintiennent un haut niveau de définition même lorsqu’ils ne sont pas utilisés.
De ce fait, le format de compression webp permet de réduire la taille d’une image :
- JEPG d’environ 50 %,
- et de 52 % pour une image .PNG.
Il est également possible de compresser vos images à l’avance.
Pour réduire encore plus la taille de la photo, convertissez-la en JPEG avant de la convertir en Webb. Il est possible de voir une légère différence de qualité sur quelques photographies, surtout si vous utilisez la méthode de compression avec perte.
Celle-ci reste cependant infime. Sauf si vous avez un besoin pressant d’afficher des photos en haute résolution (par exemple, si vous êtes photographe), le Webp (sans perte) est un bon compromis entre performances et qualité d’image.
