Wie bestimme ich die Größe einer Seitenquelle in Chrome?

31

Natürlich möchte ich die Antwort erhalten, ohne die Seite zu speichern. Es scheint einfach, aber ich kann nicht herausfinden, wie das geht. Wenn es ein Plugin erfordert, ist es in Ordnung. Es wäre schön, wenn die Lösung auch Stylesheets, Skripte und Bilder abdecken würde, die mit der Seite verknüpft sind.

google-chrome google-chrome-extensions xxzoid
quelle

Antworten:

42

Öffnen Sie die Entwicklertools ( Ctrl+ Shift+ Ioder das Einstellungssymbol oben rechts in Ihrem Browserfenster => Tools=> Developer tools) auf der gewünschten Seite, wechseln Sie zur Registerkarte " Netzwerk" und laden Sie die Seite neu .

In der Spalte Größe sehen Sie die Größe von allem, was geladen wurde ( Dokumente, Stylesheets, Bilder, Skripte, ... ). Sie können den Filter aktivieren, damit Sie im unteren Bereich des Developer Tools-Fensters nur das benötigte Material finden.

Cust0dian
quelle
2
Vielen Dank! Das Nachladen ist nicht so intuitiv.
xxzoid
4
Art saugt. Rechtsklick -> 'Eigenschaften anzeigen' oder ähnliches auf einer bereits geladenen Seite würde sich viel intuitiver anfühlen.
15.
14
Es lohnt sich hinzuzufügen, dass die Gesamtgröße aller Anfragen an den Server ganz unten aufgeführt ist, wenn Sie die Registerkarte "Netzwerk" geöffnet haben. Es ist nicht sofort offensichtlich
Aidan Miles
In einer neueren Version von Chrome wird die Gesamtgröße im unteren Bereich der Registerkarte "Netzwerk" als übertragene KB / MB angegeben. Dies sollte der Summe der Spalte " Größe" entsprechen .
Clint Pachl
3

Ich habe meine dritten Chrome - Erweiterung erstellt Seitengröße Inspector , die schnell Seitengröße, Cache - Nutzung, Netzwerkanforderungen und die Ladezeit einer Webseite auf bequeme Weise berichtet.

Tomi Mickelsson
quelle
Echt cool, Prost!
Jonathan Laliberte
1

Es gibt eine Erweiterung namens " Quick Source Viewer ", die alle Ressourcen zwischenspeichert, wenn eine Seite geladen wird. Öffnen Sie den Viewer (blaues Symbol). Die Größe (Anzahl der Bytes) wird im Navigationsbereich links angezeigt.

basic6
quelle