L’éco-responsabilité d’un site web, c’est allier éco-conception et responsabilité sociale. Lorem upsum consequat dolore.
Avant refonte, le site scoreddb.fr, vieux de quelques années, affichait ces scores :
Ces scores sont classiques pour un site pas tout récent, avec beaucoup de contenu, d’images et de vidéos. La refonte a donc été l’occasion d’améliorer tout ça.
Une vraie volonté du client SCORE DDB de pousser loin les curseurs d’éco-conception digitale
« En temps qu’agence de communication, il nous paraissait impossible de nous priver de couleurs, visuels ou vidéo pour ce nouveau site ou incohérent de mettre en place des artifices comme un switch « mode basse consommation ». L’expérience sur le site devait rester la plus efficace possible tout en obtenant les meilleurs scores de performance environnementale et en réduisant son empreinte carbone. »Gautier Linard, qui a piloté le projet chez SCORE DDB.
Dès le départ, nous avions une grosse contrainte : une vidéo background à déclenchement automatique sur la home. La bête noire de l’éco-conception.
Nous avons travaillé main dans la main avec les équipes de SCORE DDB 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.
Nous avons livré une première version du site à SCORE DDB, 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.
C’était sans compter l'exigence de notre client, qui nous a challengés pour aller plus loin. Comme on aime se dépasser, on a remis la main à la pâte; en plus le client est vraiment sympa, et le site est beau. On est allés chercher dans chaque recoin comment optimiser encore nos pages :
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.
SCORE DDB 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.
