Very bad link!

Compression des données

ZikZak 18 Janvier 2021

Un petit billet pour démontrer sur une unique page l'intérêt de la compression des données pour les visiteurs.

A titre d'exemple on va prendre comme source la page d'accueil lors de l'écriture de ce billet. Cette page pèse alors 13166 octets. Ce n'est pas énorme car il ne s'agit que du texte, il faut lui ajouter les autres fichiers comme la feuille de style de 11339 octets (il faudra que je m'en occupe) et enfin 142711 octets pour les images jpeg. On totalise alors environ 163 kilooctets, en sachant qu'en moyenne un site vous enverra 20 fois cette taille.

Néanmoins il est possible de faire mieux avec des choix simples, fournir les données dans des formats que le navigateur du visiteur pourra supporter. Le texte (la page web ainsi que la feuille de style) se compresse facilement et fortement. Les navigateurs sont capables par défaut de supporter les format Gzip et Deflate, certains supportent aussi Brotli.

Sur notre page en compressant on obtient une feuille de style en Gzip à 3244 octets (-71%), en Deflate à 3139 octets (-72%) et enfin en Brotli à 3022 octets (-74%). Pour la page elle-même on arrive à 2976 octets pour Gzip (-78%), 2958 octets pour Deflate (-78%) et 2557 octets pour Brotli (-81%).

Il y a un autre domaine qui peut bénéficier des avancées technologiques, l'imagerie. Si précédemment je vous ai parlé de Mozjpeg de plus en plus de navigateurs supportent maintenant le format AVIF et celui-ci permet assez facilement d'obtenir des images prenant deux fois moins de place pour une qualité similaire voire meilleure que ce que Mozjpeg produisait. On passe alors de 142711 Octets avec l'aide de Mozjpeg à 89029 Octets (-38%) avec AVIF.

Pour les trois formats de compression et les deux formats d'image on ne choisit pas le plus petit mais on fournit les cinq. Le navigateur du visiteur indiquera toujours les formats qu'il prend en charge, le site web servira alors le meilleur. Pour le visiteur c'est un passage de 163Ko à seulement 92Ko soit 44% de moins sans grand effort de notre part.