Poids de page
Combien pèse la page d'accueil pour un visiteur — le HTML et les ressources qu'il référence, additionnés à chaque déploiement.
Mis à jour le 11 septembre 2026
Sur cette page
Une page ne grossit jamais d'un coup : c'est une image de fond ajoutée sans compression, une bibliothèque de plus dans le bundle, un gabarit qui inline un JSON de catalogue entier. Personne ne le remarque sur la fibre du bureau ; le visiteur sur mobile en 4G moyenne, lui, part avant la fin du chargement. Ce contrôle additionne ce que le navigateur télécharge et alerte quand l'ensemble dépasse ce qu'un mobile encaisse. C'est un contrôle du site : créé par PostShip, hors quota, exécuté au déploiement.
Ce que PostShip vérifie
- Le HTML de la page d'accueil, téléchargé et pesé.
- Les ressources qu'il référence, dans l'ordre du document — celui dans lequel le navigateur les découvre : scripts (
script src), feuilles de style (link rel="stylesheet"), images (img src, ou la première URL d'unsrcsetquand il n'y a que lui), médias (video,source). Les 40 premières ; au-delà, chaque ressource est une requête de plus pour un gain d'information de plus en plus faible. - Le poids de chacune, par un
HEAD(huit à la fois, pour tenir dans les 12 secondes sans matraquer votre serveur) et sonContent-Length. Vercel, Cloudflare et Netlify servent souvent les ressources compressées sans annoncer de taille : PostShip fait alors unGETde repli, borné à 12 par passage — on ne télécharge pas quarante fichiers pour connaître le poids d'une page. - Les seuils :
| Mesure | Seuil | Pourquoi |
|---|---|---|
| Page entière (HTML + ressources) | 3 Mo | La médiane mobile du HTTP Archive 2025 est vers 2,2 Mo ; à 3 Mo on est nettement dans la moitié lourde du web, et sur une 4G moyenne c'est déjà plus de deux secondes de téléchargement pur, avant tout rendu. |
| HTML seul | 500 Ko | Un document bien fait pèse quelques dizaines de Ko ; au-delà c'est presque toujours un accident — un état applicatif sérialisé dans la page, un CSS critique qui a tout inliné, une liste sans pagination. Et le HTML bloque tout. |
| Une image | 1 Mo | La taille d'une photo d'appareil déposée telle quelle. Une image de page web correctement servie tient dans 100 à 300 Ko. |
| Scripts, en tout | 1 Mo | Le poids n'est pas le seul coût : il faut ensuite parser et exécuter, et sur un mobile d'entrée de gamme c'est plusieurs secondes de processeur. |
Ce que PostShip mesure est une borne basse honnête : sans navigateur, il ne voit ni ce que le JavaScript charge après coup, ni les polices déclarées en CSS. Si cette borne est déjà trop haute, la vraie page l'est a fortiori.
Un score sur 100 : 30 points par manque, 10 par avertissement.
Régler
Rien à créer. Projet → Santé → Contrôles du site → Poids de page. Le détail de la cible donne le poids du HTML, celui des ressources, le total, la répartition par type (scripts, styles, images, médias), les cinq ressources les plus lourdes, les images au-dessus de 1 Mo, et celles dont la taille est restée inconnue.
Les seuils ne se règlent pas : ce sont ceux d'un mobile, pas les vôtres. Pour un seuil que vous choisissez — un score PageSpeed plancher, un LCP maximal — il y a le budget de performance.
Ce qui déclenche une alerte
Manques — la cible échoue :
| Code | Phrase |
|---|---|
page_trop_lourde | La page d'accueil et ses ressources dépassent 3 Mo. |
html_trop_lourd | Le HTML seul dépasse 500 Ko. |
Avertissements — notés, sans alerte :
| Code | Phrase |
|---|---|
image_lourde | Une image dépasse 1 Mo. |
script_lourd | Un script dépasse 1 Mo. |
tailles_inconnues | Plus de la moitié des ressources n'annoncent pas leur taille : le poids est sous-estimé. |
L'alerte : La page d'accueil dépasse 3 Mo — https://acme.fr/, Le HTML de la page d'accueil dépasse 500 Ko — https://acme.fr/. Elle part au déploiement qui a fait passer le seuil, une fois, et « Rétabli » suit le déploiement qui repasse dessous. Un échec coûte au plus 10 points au Ship Score, catégorie « hygiène du site ».
Limites et plans
| Free | Pro | Team | |
|---|---|---|---|
| Contrôle et verdict sur Santé | Oui | Oui | Oui |
| Alerte envoyée | Non | Oui | Oui |
| Ressources pesées par passage | 40 | 40 | 40 |
Dépannage
Pourquoi « tailles inconnues » sur un site Next.js ?
Votre hébergeur sert les scripts en chunked sans Content-Length, et la page en référence plus de douze : le repli en GET s'arrête à douze. Le poids total est alors sous-estimé, ce que l'avertissement dit. Ce n'est pas un défaut de votre site.
Ma page fait 1,2 Mo dans l'onglet Réseau mais PostShip dit 3,4 Mo
Votre navigateur a du cache, et il charge les images en srcset à la taille de votre écran. PostShip prend le src de chaque image (ou la première URL du srcset quand il n'y a que lui) et ne met rien en cache. Regardez les cinq ressources les plus lourdes dans le détail : c'est presque toujours une ou deux images.
Une image de 4 Mo est signalée mais elle est en dessous de la ligne de flottaison
Le contrôle ne connaît pas la fenêtre : il pèse ce que le HTML référence. Une image lourde chargée en loading="lazy" coûte quand même au visiteur qui fait défiler. Servez-la redimensionnée et compressée — c'est le geste le plus rentable de cette page.