Diagnostic écologique
https://www.univ-lyon1.fr le 03/03/2022
-
1.84
gramme de CO2
par visite de la page -
2,91
Mo téléchargés
pour la page mesurée -
198%
de surpoids
par rapport
à la cible d'1 mo -
25%
de performance
Lighthouse
26% Les meilleures pages du Web *
En résumé
Cette page génère 1.84 grammes de CO2 à chaque visite. Cette estimation est effectuée par Website Carbon Calculator, et intègre le transfert des données sur le réseau, la consommation électrique du réseau et des data centers et l’intensité carbone moyenne de l’électricité. Si vous avez 10.000 vues chaque mois (pour du Web, c'est peu), vous générez 221 kg de CO2 par an.
La situation est très problématique, la page est énorme : 2,91 Mo, ce qui correspond à un surpoids de 198% par rapport aux 1000 ko que nous considérons comme sobre. Le seuil de 1000 ko a été proposé par Tammy Everts .
* Sur la base des pages mesurées par Website Carbon Calculator.
Pourquoi agir ?
Pour vos utilisateurs
Un site plus léger, c'est une meilleure expérience : les pages se chargent rapidement, même sur mobile, même si le réseau n'est pas très bon. Cela impacte positivement votre image de marque.
Pour votre activité
Un site plus rapide, c'est une meilleure performance business. Réduire le temps de chargement de 850 millisecondes a augmenté les conversions de COOK de 7%. Cela a aussi de nombreux autres impacts positifs.
Pour votre RSE
Multipliez l’empreinte carbone de vos pages par le nombre de pages visitées sur votre site, et vous avez un indicateur chiffré que vous pouvez intégrer dans votre rapport de performance extra-financière.
Comment agir ?
Vous pouvez optimiser les images : cette page télécharge 36 images, pour un poids total de 1,49 Mo. Il y a 3 grands principes pour optimiser les images :
- redimensionner correctement (une image trop grande, c'est du poids pour rien)
- compresser correctement (par exemple avec le format webp)
- proposer au navigateur un ensemble d'options (pour qu’il prenne automatiquement la meilleure taille et la meilleure compression, en utilisant les balises picture et source).
Vous pouvez optimiser la vitesse de chargement de la page et de toutes ses dépendances. Chaque élément téléchargé doit être le plus léger possible, d'autant plus que votre page en sollicite 80 ! Le serveur a également une grande importance à ce sujet.
À ce propos, peut-être utilisez-vous WordPress, ou un autre système de gestion de contenu qui nécessite une base de données et un langage serveur, comme PHP. Si c'est le cas, cela ralentit votre site et crée des risques de sécurité. De nombreux sites peuvent être précompilés, c'est à dire que les fichiers HTML, CSS et JS sont préparés lors de chaque changement de contenu, et pas à chaque requête.
Enfin, vos scores de bonnes pratiques (73%), d'accessibilité (92%) et de SEO (82%) peuvent être montés à 100% sur toutes les pages. Cela passe par le respect des bonnes pratiques de développement Web et de SEO, des règles Opquast et des référentiels WCAG et RGAA. Vous pouvez obtenir le rapport Google Lighthouse complet sur web.dev.
C'est tout ?
Non, ce n’est pas tout. Nous ne mesurons pas ici l’énergie nécessaire pour produire les téléphones et ordinateurs des utilisatrices et utilisateurs, ni l’énergie pour les faire fonctionner, ni l’énergie pour les recycler ou les détruire, sans compter l’impact environnemental et social du processus. Quelques autres indicateurs nous permettent d'en savoir plus : performance, accessibilité, bonnes pratiques & SEO.
Le score de performance de la page est de 25%. En dessous de 90%, ce n'est pas bon. Cela donne l’impression que l’appareil utilisé (téléphone ou ordinateur) rame, et cela donne à la personne envie de changer l’appareil : on appelle cela l’obsolescence technologique stimulée. L’impact écologique est désastreux.
Le score d'accessibilité de la page est de 92%. C'est très bien ! Attention toutefois, l’accessibilité ne se limite pas à un score Google Lighthouse, de nombreux éléments peuvent être problématiques pour certaines personnes sans être détectés par ce test. La seule solution fiable pour garantir l’accessibilité de votre site et le respect du WCAG et du RGAA est de construire le site avec des professionnelles et des professionnels de l’accessibilité, à toutes les étapes : stratégie, design et développement. Aucune solution technique ne se substitue par magie à cela.
Le score de respect des bonnes pratiques de la page est de 73%. En dessous de 90%, il y a vraiment des efforts à faire, et cela peut avoir un impact sur la sécurité du site. De plus, tous les problèmes de sécurité ne sont pas détectés par Google Lighthouse. Il convient dans tous les cas de sécuriser correctement l’infrastructure avec l’équipe d'hébergement, et le site avec l’équipe de développement. Dans le contexte du RGPD, ce n'est pas un détail : l’impact financier, juridique et réputationnel d'un défaut de sécurité peut être grave.
Le score d'optimisation du référencement naturel (SEO) de la page est de 82%. Un effort est indispensable. Le référencement naturel est composé de plusieurs facettes : nous mesurons ici uniquement l’aspect technique. La pertinence du contenu est essentielle, et la qualité des liens menant vers votre site a une grande importance.
Historique
samedi 16 septembre 2023 06h12 | 9,85 Mo |
jeudi 03 mars 2022 09h48 | 2,91 Mo |
Je passe à l’action !
La première chose à faire est d'en parler avec votre équipe, qu’elle soit interne (designers et développeurs intégrés), externe (agence ou freelances) ou mixte. Vous pouvez leur partager cette page, et utiliser les outils de diagnostic et approches que nous partageons pour entrer dans un processus d'amélioration continue de votre site. Certaines solutions nécessitent une refonte (ex: passer à un site précompilé), mais d'autres sont plus simples à mettre en œuvre (ex: mieux optimiser les images).
Si vous préférez, nous serons heureux de vous accompagner. Vous pouvez découvrir notre coopérative de développeurs sur notre site www.noesya.coop.
![Alexis BENOIT](https://d33wubrfki0l68.cloudfront.net/854f8a490f2386f946336a929fdbd4d0f5467940/fb24c/generated/assets/images/members/alexis-benoit/portrait-800-98549b500.jpg)
Si vous pensez que nous pouvons vous aider, prenez rendez-vous avec Alexis.
Vous voulez faire ce diagnostic pour une autre page ?