Un site web lourd consomme de l'énergie à chaque visite, côté serveur comme côté terminal. Il exclut aussi une partie des usagers : ceux qui naviguent depuis un téléphone ancien ou une zone mal couverte.

Alléger un site répond donc à deux enjeux à la fois, écologique et d'accès. Voici comment procéder, sans compétence technique avancée.

Mesurer avant d'agir

Trois outils gratuits suffisent.

PageSpeed Insights (Google) donne le temps de chargement et les points bloquants.

EcoIndex, développé par le collectif GreenIT, attribue une note environnementale à une page et estime ses émissions.

L'onglet Réseau de votre navigateur, accessible avec la touche F12, affiche le poids total de la page et la liste de ce qui la compose.

Notez le poids de votre page d'accueil avant toute modification. Un site sobre tient sous 1 Mo. Au-delà de 3 Mo, il y a un vrai gisement d'économies.

Les images sont presque toujours le premier poste

Sur la majorité des sites, les images représentent plus de la moitié du poids total.

Trois actions, par ordre d'efficacité :

Redimensionnez avant d'envoyer. Une photo affichée en 800 pixels de large n'a pas besoin d'en faire 4000. C'est l'erreur la plus courante et la plus coûteuse.

Convertissez au format WebP, qui pèse 25 à 35 % de moins que le JPEG à qualité égale. La plupart des CMS proposent une extension qui le fait automatiquement.

Activez le chargement différé, pour que les images situées en bas de page ne se téléchargent que lorsque l'usager y arrive.

Limiter les services tiers

Chaque service externe ajouté à un site déclenche des requêtes vers d'autres serveurs : outil de mesure d'audience, carte interactive, lecteur vidéo, bouton de partage, chat en ligne.

Faites l'inventaire de ce qui est réellement utilisé. Un site institutionnel charge fréquemment huit à dix services dont la moitié ne sert plus à personne.

Deux substitutions simples : remplacez une vidéo intégrée par une image cliquable qui renvoie vers la vidéo, et une carte interactive par une capture d'écran avec un lien vers l'itinéraire.

Héberger les polices localement

Les polices de caractères chargées depuis un service externe ajoutent des requêtes vers des serveurs tiers à chaque visite.

Les héberger sur votre propre serveur réduit ces échanges, et limite au passage le transfert de données personnelles vers des services tiers, ce qui est un point de conformité au RGPD.

Dans le même esprit, ne chargez que les variantes réellement utilisées : deux graisses suffisent presque toujours.

Écrire des pages plus courtes

C'est le levier le moins technique et souvent le plus efficace.

Une page qui dit la même chose en deux fois moins de mots pèse moins lourd, se lit mieux et reste plus facile à mettre à jour. Sur un site d'association ou de collectivité, les pages ont tendance à s'empiler sans que rien ne soit jamais retiré.

Une revue annuelle du contenu, avec suppression de ce qui n'est plus d'actualité, allège le site et améliore son utilité.

Vérifier l'accessibilité en même temps

Les deux démarches se recoupent largement. Un site léger se charge sur une connexion lente ; un site accessible se consulte avec un lecteur d'écran ou en zoomant.

Trois contrôles rapides : les images ont-elles un texte alternatif, le contraste entre le texte et le fond est-il suffisant, et le zoom est-il autorisé sur mobile.

Certains sites désactivent le zoom par une ligne de code dans leur configuration. C'est un blocage d'accessibilité fréquent et facile à corriger.

Mesurer à nouveau

Reprenez les mêmes outils après modifications et comparez. Diviser le poids d'un site par deux ou trois est fréquent quand rien n'a jamais été optimisé.

Ce gain profite à tout le monde : moins d'énergie consommée, des pages consultables sur toutes les connexions, et un meilleur positionnement dans les moteurs de recherche, qui tiennent compte de la vitesse de chargement.

Pour aller plus loin

Le Référentiel général d'écoconception de services numériques (RGESN), publié par l'État, détaille 78 critères applicables à un projet web.

Le collectif GreenIT publie également les 115 bonnes pratiques d'écoconception web, librement consultables.