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.

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.


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


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.

Durch die Nutzung unserer Website bestätigen Sie, dass Sie unsere Cookie-Richtlinie und Datenschutzrichtlinie gelesen und verstanden haben.
Licensed under cc by-sa 3.0 with attribution required.