Améliorez l'image de votre site avec images.tooling.report

Vérifiez l'état des outils d'image.

Patrick Kettner
Patrick Kettner

Mettre une image sur le Web est une chose, mais il est difficile de le faire correctement. Choisir le bon format, la compression, le nombre de points par pouce (PPP) et des centaines d'autres paramètres peuvent facilement être oubliés si nous effectuons tout cela nous-mêmes.

La bonne nouvelle, c'est qu'aujourd'hui, nous disposons d'une multitude d'outils et de services capables de faire tout cela pour nous. La mauvaise nouvelle, c'est qu'il y a une abondance. Il n'est pas toujours facile de choisir l'outil ou le service qui vous convient. C'est pourquoi nous lançons images.tooling.report, un site qui liste les éléments que nous considérons comme les plus importants lors de l'envoi d'images en production, et qui compare certains des logiciels et services les plus populaires, qu'ils soient payants ou sans frais, hébergés ou auto-hébergés.

Pourquoi ?

Les images constituent une part importante des octets transférés d'un site, et ces octets s'accumulent. En effet, nous avons constaté que les images non optimisées représentaient près de 75% de la taille totale d'une page. Tous ces octets gaspillés ont un coût. C'est pourquoi, dans le cadre d'une étude portant sur des millions de sessions utilisateur réelles, les pages ayant effectué une conversion comportaient 38% d'images en moins que celles qui n'ont pas effectué de conversion. Devez-vous simplement supprimer toutes vos images ? Bien sûr que non. Toutefois, vous devez vous assurer que les images que vous envoyez sont optimisées pour tous les utilisateurs, quels que soient les appareils qu'ils utilisent.

De quoi s'agit-il ?

Pour afficher des images optimisées, il ne suffit pas de cliquer sur "Enregistrer pour le Web". C'est pourquoi images.tooling.report vérifie un large éventail de fonctionnalités. Nous aborderons les notions de base, comme le niveau de compression fourni par les différents outils et services, et les optimisations réseau telles que les en-têtes de cache de longue durée.

Mais ce n'est pas tout. Nous avons recherché des options plus avancées, comme la prise en charge de Save-Data, ECT et d'autres indices client, pour rechercher une analyse psychovisuelle automatisée capable d'utiliser des modèles de données pour compresser des images de manière répétée, afin de trouver la version qui prend le moins d'octets sans changer la façon dont nos yeux la perçoivent. Est-ce que vous resserrez les moindres recoins non visuels de vos images avant de les faire tomber ?

Capture d'écran de la page de destination d'images.tooling.report en mode sombre.

Bien sûr, chaque site est un flocon de neige. Aucun outil ni service n'a répondu à nos attentes. C'est normal ! Nous avons donc divisé les éléments testés en différentes catégories. Nous abordons les réseaux de diffusion de contenu (CDN), les projets auto-hébergés, les plug-ins de système de gestion de contenu (CMS) et les outils de création de sites. Ce sont des définitions assez vagues qui sont vraiment là pour essayer de rendre la comparaison des différentes options plus pertinente:

  • Les plug-ins CMS sont des packages qui facilitent le développement sur des plates-formes telles que WordPress.
  • Les créateurs de sites comparent un certain nombre de services différents que vous pouvez utiliser pour créer votre site Web.
  • L'hébergement auto-hébergé est destiné aux développeurs qui savent cloner un projet Git ou exécuter leur propre image Docker en production.
  • Les CDN sont un peu plus compliqués. Certains de ces services sont des CDN au sens traditionnel, tandis que d'autres sont des services qui fournissent un proxy ou hébergent vos images en périphérie.

Vous ne pouvez pas tout satisfaire tout le temps, mais nous vous conseillons de consulter les tests et les fonctionnalités en cours d'évaluation et de voir comment votre optimiseur d'image se positionne ! Et si vous n'avez encore rien à faire pour optimiser vos images ? C'est le moment idéal pour découvrir les outils dédiés aux images et les avantages que vous pouvez offrir aux internautes qui utilisent déjà votre site.

Étape suivante

Pensez-vous que nous ayons manqué un outil ou un service d'image ? Merci de nous tenir informés. Les outils et les services, ainsi que les tests eux-mêmes, évoluent constamment. Si vous avez besoin d'un endroit où vérifier rapidement les performances des images de livraison, privilégiez images.tooling.report.

Image héros de Michael Maasen sur Unsplash.