Chaque page web est composée de nombreux fichiers : le HTML, le CSS pour la mise en forme, le JavaScript pour l’interactivité, les images, les polices et parfois des vidéos. Ensemble, ces fichiers déterminent la quantité de données qu’un visiteur doit télécharger pour voir votre page. Plus il y a de données, plus c’est long.
Quels poids de page sont bons ?
- Moins de 500 Ko : léger. Chargement ultra-rapide, même sur mobile avec une 4G faible.
- 500 Ko à 1,5 Mo : normal. Convient à la plupart des sites.
- 1,5 Mo à 3 Mo : lourd. Nettement plus lent sur mobile.
- Plus de 3 Mo : extrêmement lourd. Les visiteurs avec une connexion lente abandonnent.
Qu’est-ce qui alourdit les pages ?
Les principaux responsables, dans l’ordre :
- Images non compressées (de loin la première cause) : une seule photo de 5 Mo peut plomber toute votre page. Elle peut souvent être réduite de 80 % sans problème.
- Vidéos en lecture automatique : une vidéo d’en-tête de 10 Mo qui démarre toute seule est fatale pour les utilisateurs en données mobiles.
- Trop de scripts externes : chaque pixel de suivi, chaque widget de chat et chaque vidéo intégrée ajoute du poids.
- Polices lourdes : charger 8 variantes de police au lieu de 2.
- JavaScript inutile : des extensions que vous utilisez à peine mais qui se chargent sur chaque page.
Que pouvez-vous faire dès aujourd’hui ?
Allez sur PageSpeed Insights, collez votre URL et descendez jusqu’à « Total page size » ou « Total byte weight ». Vous voyez immédiatement le poids de votre page et les fichiers qui pèsent le plus.
Le gain le plus rapide : si les fichiers les plus lourds sont des images, compressez-les avec squoosh.app ou TinyPNG. Passer de 3 Mo à 300 Ko est courant, sans perte de qualité visible.