Mesurer la taille de la page complète en Chrome DevTools
Je recherche sur Google depuis un certain temps, mais je n'ai trouvé aucune solution claire à cela.
Je veux mesurer le poids/la taille de la page Web (tous les doutes + scripts + polices + styles, etc.). Je sais que l'onglet réseau dans les devtools a une taille/un contenu - mais je veux le faire résumer (et ne pas le additionner à chaque fois).
J'ai recherché chrome.devtools. * API mais je n'ai rien trouvé de simple.
Avez-vous des idées pour y parvenir?
Dans l'onglet Réseau, assurez-vous que "Désactiver le cache" est coché, puis lorsque vous chargez une page, regardez dans le panneau inférieur pour la taille totale du transfert. Voir capture d'écran ci-dessous:
Les tailles individuelles sont arrondies, mais le total en bas utilise la taille d'octet, que vous pouvez voir dans le HAR. Le total est ensuite arrondi pour l'affichage. Si vous trouvez un léger décalage entre la somme des individus et le total affiché par DevTools, c'est la raison.