Website Speed Tests: So misst Du Deine Ladezeiten

Warum Page Speed so wichtig für den Erfolg Deiner Website ist und welche Maßnahmen Du zur Optimierung ergreifen kannst, lernst Du in unserem ausführlichen Artikel zur Page Speed Optimierung. Hier zeigen wir Dir jetzt, wie Du einen Check Deines Website Speeds durchführst – und wie Du dann den Erfolg Deiner Maßnahmen misst.

Was bei einem Website Speed Test gemessen wird

Mehr als nur ein Messwert für den Page Speed Test

Wenn wir über Page Speed, also die Ladezeit einer Webseite sprechen, dann meinen wir keinen einheitlichen Wert, sondern eine Reihe von aufeinanderfolgenden Messwerten. Die wichtigsten Page Speed Mess-Stationen haben wir bereits im Ryte Magazine beschrieben.

Was den Website Speed Test beeinflusst

Diese Messwerte, die bei einem Site Speed Test beachtet werden, sind von der Bandbreite und Art der Verbindung abhängig, da beim Aufruf der Website Daten heruntergeladen werden müssen. Im Allgemeinen wird daher unterschieden, mit welchem Endgerät die Website aufgerufen wird:

• Desktop (PC oder Mac): Bei stationären Rechnern, die an ein Netzwerk angeschlossen sind, geht man von einer schnellen Internetverbindung aus.
• Mobil (Smartphone oder Tablet): Bei mobilen Endgeräten geht man von der Anbindung an ein langsameres 3G- oder 4G-Netz aus.

Auch die Latenz, die Dauer des Verbindungsaufbaus zwischen Browser und Webserver, beeinflusst den Page Speed. Die Latenz ist unabhängig von der Bandbreite und erfordert eine eigene Optimierung. Wichtig für die Latenz sind:

• Standort: Je nachdem, von wo aus Deine Webseite aufgerufen wird, kann der Verbindungsaufbau zum Webserver in der Dauer variieren, wenn dieser standortgebunden ist.
• DNS-Server: Um die Verbindung zum Webserver herzustellen, muss dessen IP-Adresse durch ein Netzwerk von DNS-Servern ermittelt werden. Die Dauer dieser Ermittlung wird durch die Anzahl und Leistung der DNS-Server beeinflusst.

Zudem ist entscheidend, welches Protokoll für die Datenübertragung verwendet wird. Der Unterschied zwischen dem Standardprotokoll HTTP 1.x, dem neueren HTTP/2 und dem im Test befindlichen HTTP/3 (QUIC) spielt eine große Rolle. Dies wird aber bei vielen Messwerkzeugen nicht beachtet.

Wichtige Fragen vor dem Website Speed Test

Vor dem Website Speed Test steht die grundsätzliche Frage, was Du damit erreichen möchtest. Die weiter unten vorgestellten Page Speed Tools haben ihre jeweils eigenen Anwendungsbereiche und manche eignen sich besser für eine bestimmte Fragestellung als andere.

Die wichtigsten Fragen, die Du mit einem Check des Site Speeds klären kannst:

1. Wie lange lädt Deine Website im Durchschnitt?
2. Wie lange lädt eine Einzelseite Deiner Website?
3. Wie wird die Ladezeit im Vergleich bewertet?
4. Gibt es einen Messwert, der aus der Reihe fällt?
5. Wo besteht Optimierungspotential?
6. Haben sich Deine Maßnahmen ausgezahlt?

Website Speed Test von Google

Im Zuge seines “Mobile First” Leitmotivs hat Google seine Tools zum Page Speed Test auf die Anzeige in mobilen Endgeräten ausgerichtet. Das ist für die Messung der Ladegeschwindigkeit ein maßgeblicher Faktor, da eine – wie oben beschrieben – langsamere Bandbreite zugrunde gelegt wird.

Lighthouse ermöglicht Page Speed Messung im Browser

Die Browser-Extension “Lighthouse” für Chrome soll Webseiten nicht nur schneller machen, sondern auch fit für weitere Aspekte wie SEO und Barrierefreiheit. Das Tool ist zwar im Chrome vorinstalliert, versteckt sich aber zwischen den Entwicklertools.

Zum Start müssen diese zunächst durch STRG + UMSCHALT + I auf dem PC, bzw. STRG + OPTION + I auf dem Mac geöffnet werden. Unter den weiteren Tools im Reiter oben findet sich die Option “Audits”, die direkt zu Lighthouse führt.

Abbildung 1: Google Lighthouse

Über die Einstellungen “Device” und “Throttling” lassen sich die Lighthouse-Audits konfigurieren. Dabei wird zwischen der Ausgabe für Desktop und Mobil unterschieden sowie der Bandbreite, mit der getestet werden soll. Die Messung der Ladegeschwindigkeit wird unter dem Audit “Performance” angezeigt.

Im Ergebnis zeigt Lighthouse einen Speed-Score und verschiedene Messwerte, die weiter unten bei den Labdaten von PageSpeed Insights näher beschrieben werden. Somit erhältst Du mit dem Website Speed Test einen Überblick darüber, wie schnell Deine Webseite unter verschiedenen Ausgabemedien und Bandbreiten lädt.

Page Speed Insights für umfassenden Website Speed Test

Page Speed Insights, das zu Teilen auf der Lighthouse-Technik basiert, liefert viele Daten sowohl für die spontane Page-Speed-Messung als auch für die langfristige Analyse. Nach Eingabe der URL wird ein Ergebnisfenster angezeigt, das vier Teile beinhaltet.

Abbildung 2: Beispiel “PageSpeed Insights” Analyse Darstellung

1. Speed Score: Mit einer Zahl von 0 bis 100 fasst PageSpeed Insights zusammen, wie gut Deine angegebene URL im Test abschneidet. Gerade für die mobile Wertung fällt diese bei den allermeisten Webseiten nicht gut aus. Also kein Grund zur Panik!
2. Felddaten: Hier finden sich die monatlich erhobenen Daten aus Chrome, die Google auch für “Test My Site” verwendet. Dies eignet sich zum Vergleich mit den folgenden Labdaten, da sie die Nutzererfahrung über einen Monat hinweg und nicht nur eine aktuelle Messung widerspiegeln.
3. Labdaten: Dies sind die augenblicklich ermittelten Daten des Web Speed Tests von Google. Sie eignen sich daher auch für den Vergleich nach einer Änderung an der Webseite. PageSpeed Insights ermittelt gleich fünf unterschiedliche Messwerte für den Page Speed, darunter den First Contentful Paint (Erste Inhalte gezeichnet) und den First Meaningful Paint (Inhalte weitgehend gezeichnet). Diese Messwerte lassen sich über einen Klick rechts über den Labdaten näher erläutern.
4. Empfehlungen, Diagnose und bestandene Prüfungen: Darunter gibt das Tool einige Hinweise, wie sich der Page Speed für die angegebene Webseite verbessern lässt. Es zeigt auch an, welche Optimierungen bereits vorgenommen wurden.

Google Analytics

Wenn Du Deine Webseite mit Google Analytics analysierst, findest Du Zahlen zur Ladezeit im Bereich „Verhalten“. Klicke dann auf „Websitegeschwindigkeit“. Ein Vorteil: Hast Du auch E-Commerce-Tracking installiert, kannst Du direkt auswerten, wie sich die Ladegeschwindigkeit auf die Conversions auswirkt.

Google Search Console

In der Google Search Console findest Du Ladezeiten im Bereich der Crawling-Statistiken unter dem Menüpunkt „Crawling“. Dort wird Dir angezeigt, wie viele Kilobyte pro Tag heruntergeladen werden und wie lange der Googlebot für das Herunterladen einer Deiner Seiten in Millisekunden benötigt. Interessant ist hier vor allem der Verlauf, so lassen sich zum Beispiel Ladeprobleme leichter aufdecken.

Weitere Tools für Website Speed Tests

Neben Googles Lösungen gibt es natürlich noch weitere Tools, mit denen Du Deine Website Ladezeit testen kannst. Diese sind meist technischer orientiert und bieten Fortgeschrittenen und Profis wichtige Anhaltspunkte zur Optimierung ihrer Webseiten.

WebPageTest.org – der Profi unter den Website Speed Tests

WebPageTest ist ein Open-Source-Tool, das u.a. unter der Adresse WebPageTest.org gehostet wird. Mit diesem Tool können detaillierte Webseiten-Messungen vorgenommen werden, die sich besonders gut für technische Problemanalysen eignen.

Statt nur eine URL anzugeben, bietet WebPageTest.org an, die Messung nach Parametern zu definieren. So können beispielsweise der Standort des testenden Servers und die Bandbreite, mit der gemessen werden soll, angegeben werden. Auf diese Weise zeichnet WebPageTest.org ein individuelles Bild von der Ladegeschwindigkeit.

Abbildung 3: “WebPageTest.org” Testergebnis-Beispiel

Auf der Ergebnisseite werden verschiedene Messwerte angezeigt, u.a. auch der Time to First Byte, der von den Google-Tools nicht gemessen wird. Dieser ist wichtig, um serverseitige Probleme oder Probleme in der DNS-Konfiguration zu erkennen.

Which Loads Faster vergleicht zwei Webseiten

Wenn Du Ladezeiten von zwei Webseiten vergleichen möchtest, ist Which Loads Faster das richtige Tool. Dazu musst Du lediglich die URLs der zwei Seiten, die Du vergleichen möchtest, eingeben und kannst die Analyse starten. Darüber hinaus bietet Which Loads Faster allerdings keine weiteren Diagnosen und Optimierungsvorschläge.

Für einen schnellen Vergleich ist das Tool also perfekt geeignet, für eine detaillierte Analyse solltest Du jedoch auf einen anderen Website Speed Test zurückgreifen.

Pingdom.com Website Speed Test – eine Google-Alternative

Eine Alternative zu PageSpeed Insights bietet der Monitoring-Anbieter Pingdom.com. Hier werden clientseitige Faktoren bei der Page-Speed-Messung berücksichtigt und Möglichkeiten zur Optimierung aufgezeigt. Dieses Tool erfordert eine Registrierung, damit Du es nutzen kannst. Es zeigt Dir die Ladezeiten Deiner Webseiten in Form von Diagrammen und Statistiken an, was die Auswertung erleichtert. So siehst Du zum Beispiel sehr schnell, welche Elemente das Laden einer Seite behindern.

Abbildung 4: “Pingdom.com” Website Speed Test-Ergebnis von wao.io

Auch Pingdom vergibt einen Score, an dem man sich schnell orientieren kann. Welche Messung die angezeigte “Load Time” wiedergibt, wird dagegen nicht genau definiert. In den darunterliegenden Übersichten zeigt Pingdom, wie schnell einzelne Seitenelemente wie JavaScript, CSS und Fonts geladen wurden.

Website Speed Test mit Ryte

Der Ladezeiten-Report im Modul Website Success von Ryte gibt Dir nicht nur einen Überblick über die Page Speed Deiner gesamten Website, sondern liefert Dir auch Informationen zur Time to First Byte sowie zu den Verbindungszeiten zum Server für alle einzelnen URLs.

Abbildung 5: Performance Report von Ryte

Des Weiteren ist es möglich, nach den Unterseiten zu filtern, bei denen der Page Speed Check gezeigt hat, dass sie eine hohe Ladezeit aufweisen (im Graph unter “sehr langsam”). So erhältst Du umfangreiche Informationen zu Deinem Page Speed und findest gute Ansätze für Optimierungen. In diesem Bereich des Tools bekommst Du aber nicht nur Ergebnisse des Website Speed Tests: Zu Deiner Website Performance zählen neben der Ladezeit auch Faktoren der Komprimierung, Dateigröße und Cookies. Auch hierzu findest Du Optimierungsvorschläge.

Den Report findest Du in der Ryte Suite im Modul Website Success unter Performance > Ladezeiten. Zusätzlich kannst Du – durch Hinzufügen der Google Analytics Daten – analysieren, welche Inhalte hohe Absprungraten bzw. niedrige Verweildauern aufweisen und diese dahingehend optimieren.

Die Ryte Business Kunden können inzwischen den neuen Page Speed Report nutzen.

Abbildung 6: Der neue Page Speed Report von Ryte

Du kannst anhand eines Ampelsystems ganz leicht erkennen, welchen Deiner Seiten Du in Sachen Page Speed Optimierung besondere Aufmerksamkeit schenken solltest. Der große Vorteil: Du musst nicht jede URL einzeln testen, da du mir nur einer Analyse siehst, wie die einzelnen URLs performen. Du findest den Report unter Performance > Page Speed. Weitere Infos zum neuen Report findest Du in unserem Product Insights Artikel.

Fazit

In Sachen Website Speed Test und Optimierung gibt es eine Menge sinnvoller Tools. Welches davon für die eigenen Zwecke am geeignetsten ist, hängt immer davon ab, was Du erreichen willst und wie detailliert die Analysedaten sein sollen.

So gibt Dir das Tool “Which Loads Faster?” lediglich einen Hinweis, wie schnell Deine Seite im Vergleich zum Wettbewerb lädt, während Du mit Ryte und PageSpeed Insights detaillierte Informationen zu den Ladezeiten einzelner Inhalte und URLs erhältst und bereits Optimierungspotenziale identifizieren kannst.

Auch mit kostenlosen Tools lassen sich gute Ergebnisse erzielen, wer es jedoch genauer braucht, dem stehen mit den verschiedenen Pro-Accounts alle Möglichkeiten offen. In jedem Fall sollten sich Website-Betreiber grundsätzlich mit dem Thema Website Performance auseinandersetzen, um die User Experience auf einer Seite zu steigern und hohen Absprungraten entgegenzuwirken.