115 Pratiques d'écoconception d'applications à architecture web, et plus...
Source CNUMR [BP_4003_fr]GR491 - FRONT-END 9. Implémenter des solutions techniques dont l'impact est le plus faible

Recommandation équivalente

Recommandations associées

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

Identifiants

GreenITV2V3V4

Catégories

Cycle de vieTiersResponsable
5. UtilisationUtilisateur/TerminalArchitecte Logiciel/Développeur

Indications

Degré de prioritéMise en oeuvreImpact écologique
434
Ressources Economisées
Processeur / Réseau / Requêtes

Description

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.

Exemple

Vidéo:

<video src="fichiervideo.webm" preload="none"></video>

Audio:

<audio controls src="fichieraudio.mp3" preload="none"></audio>

Principe de validation

Le nombre …est inférieur ou égal à
d’éléments <vidéo> ou <audio> sans un attribut preload="none" ou autoplay0