Site léger et éco-conçu : bon pour la planète et pour vos clients

Prenez le plus ancien téléphone de la maison, celui qui dort au fond d'un tiroir, et ouvrez-y votre site. S'il met de longues secondes à s'afficher, une partie de vos clients vit la même chose chaque jour. L'éco-conception d'un site web part de ce constat : une page plus légère consomme moins de ressources, fonctionne sur des appareils anciens et s'affiche plus vite pour tout le monde.

Ce que veut dire éco-concevoir un site

Éco-concevoir un site consiste à le construire pour qu'il demande le moins possible : moins de données à transférer, moins de calculs pour le téléphone, moins de serveurs sollicités. L'Ademe, l'agence de la transition écologique, rappelle que la fabrication des appareils pèse lourd dans l'empreinte environnementale du numérique. Un site qui reste agréable sur un téléphone de plusieurs années aide donc vos clients à garder le leur plus longtemps.

Un référentiel officiel

La France dispose d'un référentiel officiel sur le sujet, le référentiel général d'écoconception de services numériques, publié par les pouvoirs publics. Il prend la forme de recommandations destinées aux équipes qui conçoivent des sites. Inutile de le maîtriser vous-même : demandez simplement à votre prestataire s'il s'en inspire.

Un gain direct pour vos clients

Un site léger s'ouvre vite en 4G, dans une rue mal couverte ou au fond d'une salle en sous-sol, et consomme moins de forfait. La vitesse compte également pour Google, comme l'explique l'article sur les Core Web Vitals.

Des images et des vidéos choisies

Les photos et les vidéos représentent souvent l'essentiel du poids d'une page. La façon de les compresser et de les nommer est expliquée dans l'article sur les images et le référencement ; l'éco-conception intervient plus tôt, au moment de décider ce qui mérite d'être affiché.

• Une photo forte en ouverture : un carrousel de douze images alourdit l'accueil pour un message que la première suffisait à porter.
• Pas de vidéo en lecture automatique en fond de page : elle pèse lourd, distrait et sollicite la batterie. Une image avec un bouton de lecture laisse le choix au visiteur.
• Une sélection dans les galeries : vingt photos réussies de vos réalisations en disent autant que deux cents.
• Aucune image purement décorative qui n'apprend rien au client, comme les fonds texturés, les icônes animées ou les illustrations génériques.

Moins de scripts et de traceurs

Un script est un petit programme ajouté à la page : fil Instagram, fenêtre de discussion, boutons de partage, carte interactive, outils de mesure, pixels publicitaires. Chacun fait appel à d'autres serveurs, alourdit la page et dépose souvent des cookies. Faites l'inventaire de ce que charge votre site, puis gardez seulement ce qui sert vraiment :

• un seul outil de mesure d'audience, au lieu de plusieurs qui comptent la même chose ;
• une image du plan avec un lien « Itinéraire », à la place d'une carte interactive chargée sur chaque page ;
• un lien vers votre compte Instagram plutôt qu'un fil intégré ;
• des polices hébergées avec le site et limitées à deux ou trois graisses.

Moins de traceurs, c'est aussi un bandeau de cookies plus simple : certains outils de mesure d'audience, configurés selon les conditions de la CNIL, peuvent même se passer de consentement.

Des pages utiles, et seulement celles-là

Chaque page doit avoir une raison d'exister pour un client. Les promotions terminées, les actualités vides depuis deux ans, les pages en double et les documents PDF volumineux alourdissent le site, compliquent sa maintenance et brouillent le parcours des visiteurs. Supprimez-les, en redirigeant vers une page proche celles qui reçoivent encore des visites. Faites aussi le tri dans ce que le site stocke : anciennes demandes de contact, comptes clients inactifs, fichiers jamais affichés.

Placez ensuite les informations les plus demandées à portée immédiate : horaires, adresse, téléphone, carte ou tarifs, bouton de réservation. Un client qui trouve sa réponse en une page au lieu de quatre charge moins de données et repart satisfait. Une carte de restaurant écrite sur une page web pèse aussi bien moins qu'un PDF de plusieurs pages, et se lit mieux sur téléphone.

L'hébergement et la durée de vie du site

L'hébergement compte également. Certains hébergeurs publient des informations sur l'origine de leur électricité, l'efficacité de leurs centres de données et l'emplacement de leurs serveurs : demandez-les, et préférez des serveurs situés près de vos clients, en France ou en Europe. Un hébergement bien dimensionné et une mise en cache, qui garde une version prête de vos pages, évitent de reconstruire chaque page à chaque visite. Un site statique, dont les pages sont préparées à l'avance plutôt que fabriquées à chaque consultation, va encore plus loin dans ce sens.

La sobriété se joue enfin dans la durée. Un site bien construit, que vous mettez à jour vous-même, peut servir de longues années, alors qu'un site refait tous les deux ans à cause d'une technologie fragile multiplie le travail et les ressources. Quand la question se pose, l'article sur le bon moment pour refaire son site aide à trancher.

Pour alléger votre site ce mois-ci

1. Ouvrez votre site sur un vieux téléphone et notez les pages qui peinent à s'afficher.
2. Listez les scripts et les modules intégrés, puis retirez ceux qui ne servent plus.
3. Remplacez la vidéo d'accueil ou le carrousel par une photo forte, et supprimez les pages périmées.
4. Pour un nouveau site, demandez au prestataire comment il limite le poids des pages. Chez nous, chaque site vise un affichage rapide sur mobile, et le configurateur de devis affiche le prix de votre projet.