La règle du 1 Mo : pourquoi votre page d'accueil ne devrait jamais peser plus.

« « Le numérique propre n'est pas un combat. C'est juste un travail bien fait. » »— Manifeste Verte, 2026

Vous voulez savoir si une marque tient sa promesse RSE numérique en trente secondes ? Mesurez le poids de sa page d'accueil. Si elle dépasse 1 mégaoctet, la promesse est creuse. Cette ligne n'est pas un slogan : c'est un seuil techniquement atteignable que 80 % des sites français refusent de tenir.

Pourquoi le seuil de 1 mégaoctet ?.

Le seuil de 1 Mo n'est pas une norme officielle. Ce n'est pas un standard W3C, ni un critère du RGESN, ni une recommandation Google. C'est notre règle interne Verte — et nous l'avons choisie parce qu'elle est techniquement atteignable par n'importe quel site, et publiquement vérifiable en trente secondes.

Concrètement, 1 Mo de poids transféré sur la page d'accueil correspond à :

• Un fichier HTML de 30 à 50 Ko (très lisible).
• Un CSS unique, minifié, de 20 à 40 Ko.
• Trois à cinq images compressées en AVIF / WebP, total 400 à 700 Ko.
• Une police WOFF2 auto-hébergée, deux graisses, 80 Ko.
• Aucun JavaScript, ou bien un script unique de 10 Ko.
• Aucun script tiers, aucun pixel de tracking commercial.

C'est large. C'est confortable. C'est inatteignable pour 80 % des sites français aujourd'hui, parce que ces sites ont accumulé des couches de scripts, de polices, de widgets, de bibliothèques que personne n'a jamais arbitrées.

Ce que disent les chiffres.

La médiane d'une page d'accueil française pèse aujourd'hui 2 400 KB, selon HTTP Archive 2024. C'est trois fois plus qu'il y a dix ans, alors que les usages réels des pages web n'ont pas significativement évolué : il n'y a pas trois fois plus de fonctionnalités, ni trois fois plus d'images, ni trois fois plus de texte.

Ce qui a triplé, ce sont les scripts tiers, les polices web chargées par défaut, et les trackings empilés. Un site corporate moyen contient aujourd'hui 8 à 15 scripts tiers : Google Analytics, Tag Manager, Hotjar, LinkedIn Insight, Meta Pixel, FullStory, Intercom, Drift, Calendly, plus une bibliothèque d'icônes Font Awesome chargée pour utiliser trois icônes, plus jQuery par habitude. Aucun de ces scripts n'a jamais fait l'objet d'un arbitrage.

Pourquoi 1 Mo et pas 500 Ko ou 2 Mo ?.

Parce que 1 Mo est un seuil pédagogique. Il est mémorable (un chiffre rond, une unité familière). Il est mesurable en quelques secondes (DevTools, GTmetrix, EcoIndex). Il est défendable techniquement (n'importe quelle agence sérieuse peut le tenir si elle se discipline).

500 Ko serait plus exigeant et c'est notre cible interne pour les sites Verte (notre propre page d'accueil pèse 75 Ko). Mais 500 Ko reste élitiste. Une PME avec une équipe interne ne pourra pas toujours l'atteindre sans un accompagnement technique poussé.

2 Mo serait trop laxiste. À 2 Mo, on tolère les comportements qui ont causé la dérive : 5 polices, 12 scripts tiers, 1,5 Mo de bannière hero non compressée. Ce serait normaliser le problème.

1 Mo est le compromis qui force la discipline sans imposer la perfection. C'est le seuil au-delà duquel un engagement RSE devient une fiction.

Comment tenir la règle, concrètement.

Cinq actions, classées par effort, permettent à n'importe quel site de passer sous 1 Mo en quelques semaines.

1. Compresser et redimensionner les images.

C'est l'action à plus fort impact dans 90 % des cas. Une image JPEG de 800 Ko devient une AVIF de 60 Ko sans perte visuelle perceptible. Les outils Squoosh, ShortPixel, Imagify font le travail en quelques minutes.

2. Supprimer les polices superflues.

Une seule famille typographique, deux graisses maximum (regular + bold ou regular + medium), format WOFF2, auto-hébergée. Pas de Google Fonts en CDN.

3. Auditer les scripts tiers.

Lister tous les scripts présents sur la home. Pour chaque script : qui l'utilise ? À quelle fin ? Avec quelle exploitation ? Si la réponse est floue, on supprime. Cette démarche élimine généralement 60 à 80 % des scripts.

4. Différer le chargement non critique.

Lazy-loading des images sous la ligne de flottaison (attribut loading="lazy"), scripts en defer ou async, vidéos chargées au clic, iframes externes (YouTube, cartes) en facade pattern.

5. Réduire le DOM.

Cibler moins de 800 nœuds HTML pour la home. Cela suppose souvent de simplifier la structure HTML, de fusionner des div redondantes, de supprimer des composants visuels qui n'apportent rien à l'usage.

·

— Sébastien Joumel & Kévin Papot · co-fondateurs de Verte