Éviter la lecture et le chargement automatique des vidéos et des sons

Ce que dit le référentiel

L'activation automatique des vidéos et des sons (auto play) au chargement des pages web implique une utilisation de ressources sur chaque tiers (terminal, réseau, datacenter). Dans de nombreux cas, la lecture automatique n'est pas nécessaire. D'autre part, elle attire l'attention de l'utilisateur et peut le détacher du service qui était demandé. Ces lectures doivent donc dans la mesure du possible se faire à la demande de l'utilisateur en ne mettant pas en place l'attribut autoplay dans les balises <video> ou <audio>.

De plus, même en n'activant pas l'autoplay, certaines parties de la vidéo ou du fichier audio peuvent être téléchargées. Si l'utilisateur ne lance pas la lecture de la vidéo, ces données seront téléchargées inutilement. Il convient alors de forcer le navigateur à ne rien précharger en définissant la valeur de l'attribut preload des balises <video> ou <audio> à none.

Notre avis

Nous veillons à désactiver l'autoplay dans les balises <video> et <audio>, garantissant que les vidéos et les sons ne sont chargés qu'à la demande de l'utilisateur. Cette pratique économise des ressources et améliore l'expérience utilisateur en évitant des interruptions non désirées.

Grâce à React, nous intégrons ces composants vidéo de manière optimale, en définissant preload à none. Cela empêche le préchargement inutile de données, réduisant ainsi la consommation de bande passante et l'empreinte énergétique associée.