Articles

So bestimmen Sie die Größe einer Webseite

by admin

Ich spreche viel über die Größe der Webseite. Aber was bedeutet das? Lassen Sie mich Ihnen erklären und zeigen, wie Sie es selbst überprüfen können.

Die Größe einer Webseite ist die Größe der Dateien, die geladen werden, um die Seite anzuzeigen. Es kann einen Unterschied zwischen der übertragenen Größe und der tatsächlichen Größe der Dateien geben (entpackt, sagen wir), aber mehr dazu finden Sie im Beitrag „Making of“.,

Es gibt zwei Möglichkeiten zu überprüfen, wie groß eine Webseite ist:

  1. Verwenden Sie ein Online-Tool
  2. Verwenden Sie die Konsole Ihres Browsers

Schauen wir uns beide im Detail an.

Überprüfen Sie es online

Es gibt Online-Tools, um die Größe einer Webseite zu überprüfen. Sie können dies beispielsweise mit https://tools.pingdom.com. Geben Sie die URL der zu überprüfenden Seite ein oder fügen Sie sie ein. Sie erhalten viele Daten, darunter die Größe der Seite.

Ich habe das für diese Seite gemacht und es gab mir 23 kb., Die genauen Werte können zwischen den Werkzeugen und der zweiten Methode unten abweichen. Die Unterschiede werden jedoch vor allem bei großen Seiten relativ gering sein. Sie haben eine gute Idee, ob es sich um eine kleine oder große Seite handelt.

Überprüfen Sie es in Ihrem Browser

Dieses ist komplexer und kann je nach Browser unterschiedlich funktionieren. Ich führe Sie jedoch durch den Prozess.

  1. Zuerst gehen wir inkognito. Möglicherweise haben Sie einige Erweiterungen oder Add-Ons in Ihrem Browser, die auch Dinge laden., Sie sind normalerweise im Inkognito-Modus ausgeschaltet.
  2. Rechtsklick mit der Maus und wählen Sie die Option Inspect Element oder etwas ähnliches. Dadurch wird ein zusätzliches Fenster oder eine Seitenleiste mit Informationen zur HTML-Struktur der Webseite geöffnet.
  3. Im Zusatzfenster befinden sich mehrere Registerkarten. Sie benötigen das Netzwerk. Stellen Sie sicher, dass Sie den Cache des Browsers deaktivieren – normalerweise ist dies die Standardeinstellung–, damit Ihr Browser alles sauber lädt.
  4. Aktualisieren Sie die Seite.
  5. Am unteren Rand des Fensters finden Sie das gesuchte Ergebnis., Es gibt wahrscheinlich 2 Werte, die gleich sein können, je nachdem, ob die Übertragung in einem speziellen ZIP-Format erfolgt ist oder nicht:
    • Übertragungsgröße: Dies ist die Anzahl der tatsächlich übertragenen Dateien. Dies wollten Sie wissen, da dies den größten Einfluss hat, da dieser Betrag vom Server übertragen wird.
    • Größe der Ressourcen: Dies ist die tatsächliche Größe der Dateien, die zum Erstellen der Seite verwendet werden.,

Die Größe dieser Seite

Ok, dies ist eine Art Anfang, aber ich habe die Übertragungsgröße der Dateien für diese Seite in Google Chrome überprüft und es gab mir 16 kb. In Firefox waren es 23 KB und in Edge 13 kb. Insbesondere bei kleinen Seitengrößen kann es zu erheblichen Unterschieden kommen. Einige Browser laden einige Assets, andere nicht. Firefox lädt beispielsweise 2 zusätzliche Bilder, um sie auf seinem Startbildschirm für besuchte Websites zu verwenden., Trotzdem erhalten Sie eine Vorstellung von der Seitengröße, bezogen auf den Median von mehr als 2000 kb.

Einige real-life Beispiele

Nun einige real-life Beispiele. Ich habe die Übertragungsgröße für die Homepage von 5 beliebten Websites (und Greenpeace) überprüft. Ich habe die zweite Methode mit Google Chrome auf einem Desktop-Computer verwendet, ohne zu scrollen.,

Google 380 kb
Youtube 2400 kb
Amazon 3600 kb
New York Times 5800 kb
Time Magazine 4100 kb
Greenpeace 3200 kb

Most pages are quite large.

Of course, they contain a lot of images and scripts, but even Google’s search page is 380 kb., Dies bedeutet, dass jedes Mal, wenn Sie besuchen google.com, 0,21 g CO2e wird in die Atmosphäre freigesetzt. Erfahren Sie hier mehr über die CO2-Emission von Webseiten.

Ich lasse Sie die Mathematik für die anderen, größeren Seiten tun. Deshalb glaube ich, dass die Seitengröße wichtig ist.

Diese Seite ist in ca.