Mesure de la taille de la page complète dans Chrome DevTools

Question

J'ai été googling pendant un certain temps, mais je n'ai pas trouvé de solution claire pour cela.

Je souhaite mesurer le poids/la taille de la page Web complète (tous les scripts + scripts + polices + styles, etc.). Je sais que l'onglet réseau dans le devtools a la taille/le contenu - mais je veux le faire sommer (et ne pas le résumer à chaque fois).

Je cherchais chrome.devtools. * API mais je n'ai rien trouvé d'original.

Avez-vous des idées pour y parvenir?

Answer 1

Dans l'onglet Réseau, assurez-vous que «Désactiver le cache» est cochée, puis, lorsque vous chargez une page, examinez la taille totale du transfert dans le panneau inférieur. Voir capture d'écran ci-dessous:

Les dimensions individuelles sont arrondies, mais le total en bas utilise la taille en octets, que vous pouvez voir dans le HAR. Le total est ensuite arrondi pour l'affichage. Si vous trouvez une légère différence entre la somme des individus et le total affiché par DevTools, c'est la raison.