note

Save-Data : l’en-tête HTTP sous utilisé

28 mars 2024 lrtrln Decrypt
Save-Data : l’en-tête HTTP sous utilisé

Pensé pour les connexions lentes ou les forfaits limités, l’en-tête Save-Data permet aux navigateurs de signaler qu’ils préfèrent une version allégée d'une page web. Un levier qui peut s'avérer puissant pour rendre des sites web plus sobres.

Qu’est-ce que l’en-tête “Save-Data” ?

L’en-tête HTTP “Save-Data” est une fonctionnalité des navigateurs web qui permet aux utilisateurs de signaler aux sites web qu’ils préfèrent une version de la page qui consomme moins de données, souvent dans le but d’économiser de la bande passante ou de réduire les téléchargements de données mobiles.

Comment fonctionne-t-il ?

Lorsqu’un utilisateur active le mode d’économie de données dans son navigateur, celui-ci envoie automatiquement l’en-tête HTTP “Save-Data” avec toutes les requêtes HTTP vers les sites web. Cet en-tête indique aux sites web que l’utilisateur souhaite une version allégée de la page, par exemple en réduisant la taille des images, en limitant les téléchargements de ressources supplémentaires telles que les scripts JavaScript et les feuilles de style CSS, ou en supprimant publicités et trackings.

Impact sur le site web

Les développeurs de sites web peuvent utiliser l’en-tête “Save-Data” pour adapter dynamiquement le contenu de leurs pages en fonction des préférences de l’utilisateur en matière d’économie de données. Par exemple, un site web pourrait fournir des images de moindre résolution, utiliser moins de vidéos ou réduire le contenu dynamique lorsqu’il détecte que l’en-tête “Save-Data” est présent dans la requête.

Utilisation de l’en-tête “Save-Data”

En tant que développeur web, vous pouvez utiliser l’en-tête “Save-Data” pour détecter si un utilisateur préfère économiser des données et ajuster le contenu de votre site en conséquence. Vous pouvez également fournir une option à l’utilisateur pour activer ou désactiver manuellement le mode d’économie de données, et en fonction de cela, modifier dynamiquement le contenu de la page.

Un exemple simple d’implémentation en PHP

Extrait code

Compatibilité et considérations

Savedata

Il est important de noter que tous les navigateurs ne prennent pas en charge l’en-tête “Save-Data”, donc la détection de cet en-tête doit être accompagnée d’une gestion de secours pour les navigateurs qui ne le supportent pas. De plus, certains utilisateurs peuvent ne pas activer cette fonctionnalité, donc son utilisation doit être considérée comme une option facultative pour optimiser l’expérience utilisateur.

Un module Firefox pour activer en permanence Save-Data : https://addons.mozilla.org/fr/firefox/addon/save-data/

ou pour Chrome : https://chromewebstore.google.com/detail/save-data-on/nholpkfnmjbinlhcfihkhiehdaohlibg

En résumé, l’en-tête HTTP “Save-Data” permet aux utilisateurs de signaler aux sites web leur préférence pour une version allégée de la page afin d’économiser des données, et les développeurs peuvent utiliser cette information pour optimiser le contenu de leurs sites en conséquence.