h2 titre intermédiaire
Ce nouveau site « Défis Humanitaires » prend le relais de mon blog mais à une autre échelle, que symbolise bien son logo, avec notre planète qui sera demain peuplée de 10 milliards d’humains. Demain c’est en 2050, dans 32 ans.
A cette date, nous serons 2.5 milliards de plus, c’est-à-dire autant que la terre ne comptait d’habitants en 1950 ! A l’époque, l’Afrique comptait 229.3 millions d’habitants et sa population va passer de 1.46 milliards d’habitants en 2017 à 2.48 milliards en 2050, c’est-à-dire autant que le monde de 1950 ! C’est une véritable explosion démographique. Alors, serons-nous capable de répondre aux immenses défis que cette démographie va engendrer en termes de pauvreté, d’éducation, d’emplois, d’infrastructures, en un mot de développement et de gouvernance ? C’est tout l’enjeu !
1,60gr de CO2 produit à chaque visite, selon websitecarbon.com. Le site était plus polluant que 86% des pages testées – pour comprendre ce score, voir notre article “Mesurer l’empreinte d’un site internet avec websitecarbon.com”.
Score EcoIndex : F (moyenne des pages du site). Pages trop lourdes, trop complexes, trop de requêtes (237).
Score Google PageSpeed Insights : 18% en mobile, site très lent et lourd.
Le site bénéficiait déjà d’un hébergement éco-responsable.
h2 titre intermédiaire
Nous avons travaillé main dans la main avec les équipes de Défis Humanitaires pour convenir d’un design et de contenus optimisés. Aussi, l’ensemble des fonctionnalités du site a été passé en revue pour s’en tenir seulement aux plus pertinentes.
Nous avons évidemment développé un site statique, car c’est la technologie la plus adaptée aux sites vitrine. L’adéquation des moyens est un principe fondamental de l’éco-conception. Le serveur travaille moins, donc chauffe moins, puisque les pages ne sont générées qu’une seule fois, et non à chaque fois qu’un nouvel utilisateur les consulte. Les pages sont légères car le code statique est simple et léger. Nous avons encore diminué le poids des pages en optimisant les formats et la compression des images, et en utilisant le plus possible les fonctionnalités des navigateurs. Nous avons servi les bons formats d’images en fonction du contexte – plus petites tailles sur mobile par exemple, Webp et svg en priorité. Les fonts sont variables, l’utilisation du JavaScript limitée au minimum, et tout un tas de bonnes pratiques, dont les règles de cache et le lazy loading, ont été respectées, pour éviter tout gaspillage.
Titre en h3
Nous avons livré une première version du site à Défis Humanitaires, avec d’excellents scores Website Carbon, éco-Index et PageSpeed. Nous étions assez sûrs de nous : sur 16 pages, nous en avions 5 en A, 9 en B et seulement 2 en C, celles qui avaient le plus de contenu. Il s’agissait déjà d’un tour de force pour un site aussi visuel. Nous avions activé tous les leviers habituels chez Internet 2000, notre site était bien plus propre que la moyenne.
Titre en h3
Nous avons livré une première version du site à Défis Humanitaires, avec d’excellents scores Website Carbon, éco-Index et PageSpeed. Nous étions assez sûrs de nous : sur 16 pages, nous en avions 5 en A, 9 en B et seulement 2 en C, celles qui avaient le plus de contenu. Il s’agissait déjà d’un tour de force pour un site aussi visuel. Nous avions activé tous les leviers habituels chez Internet 2000, notre site était bien plus propre que la moyenne.
h2 titre intermédiaire
0,04gr de CO2 produit à chaque visite (websitecarbon.com), pour la page la plus lourde, soit un site moins polluant que 92% des pages testées, et une baisse de 95% des émissions de CO2.
Score EcoIndex : A (moyenne des pages du site). Pages légères, simples, avec peu de requêtes. EcoIndex indique, lui, une diminution de 46,5% des émissions de CO2 par rapport au site initial.
Score Google PageSpeed Insight : 96% en mobile, pour un gain de 78 points.
Le poids moyen d’une page du site est de 500Ko, soit la moitié du poids moyen d’une page sur internet actuellement (source).
Le gain, avec tous ces bons scores, c’est moins d’impact environnemental, mais aussi plus de confort pour l’utilisateur, même sur mobile, même avec une mauvaise connexion.
Défis Humanitaires x Internet 2000 : une collaboration efficace pour un site fluide, agréable à consulter, et avec un impact environnemental maîtrisé. Moyenne de kiffance à faire ce projet : A.
