La pollution numérique

TABLE DES MATIÈRES

• Médias
• a. Les images
• b. Les vidéos
• Contenus
• a. Le contenu non essentiel
• b. Vie et mort des contenus
• Plugins
• Hébergement

Médias

Quelques repères pour comprendre le poids de vos fichiers : une image sur une page web devrait, pour bien faire, peser moins de 100 Ko, tandis qu’une vidéo de moins d’une minute devrait peser entre 2 et 5 Mo. Ci-dessous le rapport entre Kilo-octet, Mega-octet et Giga-octet.

Pour une compréhension visuelle du rapport de taille entre chacune de ces mesures, rapportez-vous à l’image ci-contre.

Chaque Mega-octet prend autant de place que 1024 Kilo-octet, et chaque Giga-octet prend autant de place que 1024 Mega-octet (et donc 1024 x 1024 Kilo-octet) …

Bonne nouvelle, il n’est pas toujours nécessaire de garnir vos pages web d’éléments lourds !

a. Les images

Représentant en moyenne 44% du poids d'une page web en 2022 (d’après les rapports des archives http : Report: Page Weight (ouvre dans une nouvelle fenêtre)  et Report: State of Images), les images sont souvent trop lourdes et trop grandes.

Vous pouvez redimensionner vos images afin qu’elles soient d’environ 800 pixels de largeur, ce qui est tout à fait suffisante pour une page web desktop. Au-delà, elle est trop lourde et requiert même un effort de calcul de la part du navigateur pour la redimensionner.

Vous pouvez compresser vos images sans perte de qualité visible avec des outils comme Shortpixel, ImageCompressor, ou TinyPNG. Sur WordPress, vous pouvez aussi utiliser des plugins tels que shortpixel API tools ou imagify.io.

Le format de l’image joue également un rôle dans son poids.

Pour les images dites matricielles (avec des pixels, telles que les photos), les formats JPEG et WEBP sont conseillés. Les JPEG contiennent moins de données que les fichiers PNG, car ils ne prennent pas en charge les fond transparents, et sont donc plus légers. Le format WEBP est quant à lui généralement plus léger que le PNG à qualité égale, tout en prenant en charge les arrière-plans transparents. Pour les visuels dits “vectoriels”, le format à privilégier reste souvent le SVG.

Quelques conseils :

• Redimensionnez vos images, elle sont souvent trop grandes pour l’usage qui en est fait
• Posez-vous la question, avez-vous vraiment besoin d'une image pleine largeur ou d’un carrousel d’images ?
• Compressez vos images
• Choisissez le bon format d’image pour le bon usage (.svg, .jpeg, .webp, …)

b. Les vidéos

Un usage abusif des vidéos exclut les personnes avec une faible bande passante (provoquant un ralentissement de téléchargement ou son impossibilité) et provoque des problèmes d’accessibilité. Si vous devez vraiment mettre une vidéo sur votre site, il existe des outils de compression très utiles, comme le logiciel Handbrake. Vous pouvez également choisir de compresser vos bandes sonores en mp3 sans perte de qualité notable grâce à l’encodeur gratuit Lame ou encore des sites gratuits.

Quelques conseils :

• Définissez votre réel besoin de vidéo (peut-elle être remplacée par une infographie, une image ou du texte ?)
• Privilégiez les vidéos courtes, de moins de 1 minute 30
• Compressez vos vidéos et vos sons selon l’usage que vous allez en faire
• Le format mp4 est le format standard pour les vidéos sur le web

Contenus

a. Le contenu non essentiel

Un contenu de bonne qualité répond au besoin de vos utilisatrices et utilisateurs, c’est pourquoi il est nécessaire de bien comprendre votre public cible. Spade propose des tests utilisateurs et utilisatrices (ouvre une nouvelle fenêtre) si vous en ressentez le besoin. Produire du contenu sans but, ou qui n’apporte pas de valeur ajoutée aux personnes qui fréquentent votre site web est bien souvent de l’énergie et du temps perdu.

Quelques conseils :

• Privilégiez la qualité du contenu plutôt que sa quantité
• Les informations visent à l’essentiel et sont faciles à trouver dans le message
• Interrogez l’utilité des contenus produits pour vos utilisateurs et utilisatrices
• Assurez-vous que les contenus intéressent vos publics en mesurant leur performance

b. Vie et mort des contenus

Dans un contexte où plus de la moitié du contenu stocké est obsolète, mort ou redondant, la question de la durée de vie des contenus se pose. Car la gestion de contenu ne se limite pas à créer puis publier dans une boucle sans fin, il faut pouvoir se poser la question “que devient tout ce contenu au bout d’un certain temps ?”.

Penser au devenir de ce contenu suppose la mise en place d’un tri de ce qui n’est plus consulté ou devenu obsolète.

Quelques conseils :

• Mettez régulièrement votre contenu à jour
• Interrogez la durée de vie du contenu : s’il est pensé pour être éphémère, peut-être vaut-il mieux ne l’utiliser que sur les réseaux sociaux, ou ne pas le produire du tout
• Établissez une stratégie d’archivage et de suppression (automatique ou manuelle) des contenus obsolètes ou périmés

Plugins

Les plugins sont des extensions logicielles qui ajoutent des fonctionnalités à un programme informatique ou à un site web. Ils utilisent souvent beaucoup de ressources et c’est la raison pour laquelle Spade n’a choisi de n’en inclure qu’un nombre limité dans Minos par défaut.

A l’exception de deux plugins listés ci-dessous, vous pouvez désactiver toutes les autres extensions inclues dans Minos. C’est d’ailleurs vivement recommandé si vous ne les utilisez pas (Polylang, Gravity Forms et Editoria11y) 😊

Liste des plugins inclus avec Minos

• Confidentialité : Complianz | GDPR/CCPA Cookie Consent est installée et offre des possibilités de réglages poussés. Nous vous recommandons de le garder mais libre à vous de changer d’outil. Veillez juste à désactiver Complianz avant d’activer le nouveau plugin !
• Formulaires : Gravity Forms  (ouvre une nouvelle fenêtre) permet de gérer tous les types de formulaires que vous hébergerez sur votre site web.
• Plusieurs langues : Polylang permet la gestion des contenus traduits. Attention, il ne fait pas lui-même la traduction d’une langue à l’autre !
• Aide à l’accessibilité de votre contenu : Editoria11y vous accompagne dans le respect les règles d’accessibilité pour tout ce qui touche au contenu de votre site internet. Pour le moment, le plugin existe uniquement en anglais.
• Icônes : Font Awesome permet d’ajouter des icônes à différents endroits (pied de page, réseaux sociaux, etc.). Ce plugin est le seul qui ne doit en aucun être désactivé. Il est nécessaire pour le bon fonctionnement de votre site internet.

Hébergement

Selon le RGESN (Référentiel Général d’Eco-conception de Services Numériques, une production française), l'hébergement représente 14% de la performance écologique d'un site. Il est donc impératif de choisir un hébergeur qui minimise l'impact environnemental de votre site web.

Critères pour choisir un hébergeur éco-responsable :

• Utilisation d'énergie verte: Bien que ce soit un bon début, méfiez-vous du greenwashing. L'utilisation d'énergie verte est un minimum.
• PUE (Power Usage Effectiveness): Ce ratio d'efficacité énergétique doit être inférieur à 2. En Europe, la moyenne est de 1.8, mais certains fournisseurs offrent des ratios proches de 1, ce qui est excellent.
• WUE (Water Usage Effectiveness): Ce ratio d'utilisation de l'eau est crucial, surtout en ce qui concerne le refroidissement des serveurs. Les meilleures pratiques incluent le free cooling (refroidissement par l'air ambiant) et d'autres méthodes innovantes comme le refroidissement adiabatique.
• Réutilisation de la chaleur fatale: Vérifiez comment l'hébergeur réutilise la chaleur produite par les serveurs, par exemple pour chauffer des bâtiments ou de l'eau.
• Politique RSE (Responsabilité Sociétale des Entreprises): Examinez si l'hébergeur a des initiatives pour réduire son empreinte carbone, comme encourager la mobilité douce de ses employés.

Source : WhoDuNit Academy - attention, contenu accessible sur inscription - https://masterclass.whodunit.academy/view/courses/creer-et-gerer-un-contenu-web-responsable-sur-wordpress/2576454-lexique-et-referentiels/8267760-quelques-mots-sur-l-hebergement-et-le-design