Messen Sie die volle Seitengröße in Chrome DevTools

Question

Ich google seit einiger Zeit, aber habe keine klare Lösung dafür gefunden.

Ich möchte vollständige Webseite Gewicht/Größe (alle DOUCMENT + Skripte + Schriftarten + Stile usw.) messen. Ich weiß, dass der Netzwerk-Tab in den Devtools Größe/Inhalt hat - aber ich möchte ihn summieren lassen (und ihn nicht jedes Mal summieren).

Ich habe nach chrome.devtools gesucht. * API aber habe nichts direktes gefunden.

Haben Sie einige Ideen, wie Sie das erreichen können?

Answer 1

Vergewissern Sie sich, dass auf der Registerkarte "Netzwerk" die Option "Cache deaktivieren" aktiviert ist. Wenn Sie dann eine Seite laden, sehen Sie im unteren Bereich die gesamte Übertragungsgröße. Siehe Abbildung unten:

Die einzelnen Größen sind abgerundet, aber die Summe am unteren Rand verwendet die Byte-Größe, die Sie in der HAR sehen können. Die Summe wird dann zur Anzeige gerundet. Wenn Sie eine leichte Diskrepanz zwischen der Summe der Individuen und der von DevTools angezeigten Gesamtsumme finden, ist das der Grund.