Comment mesurer le poids réel d’une page ?

C’est la mesure la plus simple de la performance, et la plus souvent mal faite. Deux personnes qui mesurent la même page annoncent des chiffres qui n’ont rien à voir.

Pourquoi les chiffres divergent

Parce qu’il existe deux tailles pour chaque fichier. Le serveur compresse ce qu’il envoie ; le navigateur décompresse à l’arrivée.

Une feuille de style de cent quatre‑vingts kilooctets ne fait souvent que vingt‑huit kilooctets sur le réseau. C’est cette seconde valeur qui compte : c’est ce que le visiteur télécharge réellement.

Mesurer la taille décompressée fait croire un site trois à six fois plus lourd qu’il n’est.

Où lire la vraie valeur

Dans les outils de développement du navigateur, onglet réseau, colonne « Transféré ». C’est le seul chiffre juste. La colonne « Taille » à côté indique le décompressé, et c’est elle qu’on lit par erreur.

Deux précautions : cocher la case qui désactive le cache, sinon la seconde mesure est toujours meilleure que la première ; et recharger complètement, pas seulement changer de page.

Quels chiffres viser

• Site vitrine : moins de 500 Ko transférés, moins de 30 requêtes.
• Boutique : moins de 1 Mo, moins de 50 requêtes.
• Au‑delà de 2 Mo : le problème est visible sur mobile, quel que soit le reste.

Le nombre de requêtes compte moins qu’avant : avec les protocoles récents, elles voyagent en parallèle. Ce qui compte reste le poids, et surtout le poids des images.

Ce qu’il faut regarder ensuite

Triez la liste par poids décroissant. Dans la grande majorité des cas, trois fichiers représentent plus de la moitié du total, et ce sont rarement ceux qu’on soupçonnait.

C’est aussi le moment de compter les domaines contactés. Dix à vingt domaines différents sur un site vitrine est courant, et chacun coûte une connexion complète avant même de commencer à télécharger.

Sur le même sujet : Comment lire un rapport Lighthouse sans être développeur ? · Mes images pèsent trop : par quoi commencer ?