10 Page Speed ​​Tools, um zu sehen, wie schnell Ihre Landing Pages geladen werden

Die meisten Websites verlieren die Hälfte ihrer Besucher, während eine Seite geladen wird. Das ist eine schockierende Realität, die kaum zu glauben ist, aber vielleicht nicht, wenn man die durchschnittliche Absprungrate von Webseiten von heute 58,18% einbezieht. Schlimmer noch, die durchschnittliche Absprungrate der Landingpage nach dem Klick liegt zwischen 60 und 90 %.

Mobile Seiten sind gleichermaßen von langsamen Seitengeschwindigkeiten betroffen. Eine Studie von Google und SOASTA aus dem Jahr 2016 ergab, dass die durchschnittliche Ladezeit mobiler Websites für abgesprungene Sitzungen etwa 2,5 Sekunden langsamer war als bei nicht abgesprungenen Sitzungen.

Schneller ladende Websites generieren in der Regel niedrigere Absprungraten, zusätzlich zu höheren SEO-Rankings, längeren Seitenbesuchen, mehr Engagement und höheren Konversionsraten. Bei einer so starken Korrelation zwischen Ladezeit und Absprungrate müssen Vermarkter die Vorteile von Pagespeed-Tools nutzen, um maximale Ergebnisse zu erzielen.

Bevor wir die vertrauenswürdigsten Tools zum Testen der Seitengeschwindigkeit analysieren, sehen wir uns die häufigsten Faktoren und Seitenelemente an, die sich darauf auswirken.

Wie wird die Seitengeschwindigkeit beeinflusst?

Wenn eine Seitenanforderung gestellt wird, müssen sowohl die Front-End- als auch die Server-seitigen Komponenten ihre einzelnen Operationen ausführen. Auch nachdem Sie Ihr Frontend optimiert haben, können Sie die Ladezeit noch weiter beschleunigen, indem Sie die Serverseite optimieren (wie die Seite von Ihrem Server generiert wird):

Da beide Seiten sequenziell sind, wird ihre kumulierte Zeit als Gesamtladezeit der Seite betrachtet.

Einige der häufigsten Faktoren, die die Seitengeschwindigkeit irgendwo im obigen Bild verlangsamen, sind:

• Große Bilder und Textgrafiken
• Video
• Seitenlänge
• Skripte, Schriftarten und Plugins (HTML, JavaScript, CSS)
• Unnötige Weiterleitungen
• Geografie (Land, Stadt, Organisation, ISP, Netzwerkgeschwindigkeit)
• Bandbreite

Die folgenden Tools helfen beim Testen auf eine Vielzahl dieser Probleme und geben Ihnen ein besseres Verständnis der Geschwindigkeit Ihrer Website.

Die 10 vertrauenswürdigsten Pagespeed-Tools

Hinweis: Jedes dieser Tools bietet seine eigenen einzigartigen Funktionen, Berichte und Möglichkeiten, Ihre Ergebnisse zu analysieren, was bedeutet, dass Sie möglicherweise unterschiedliche Ergebnisse zur Seitenladezeit erhalten. Auch die geografische Entfernung zwischen Teststandort und dem Server, auf dem Ihre Website gehostet wird, spielt eine Rolle. Darüber hinaus kann die erstmalige Ausführung eines Tools langsamer sein. Führen Sie die Tests daher am besten mehrmals aus und nehmen Sie einen Durchschnitt der Ergebnisse.

1. GTmetrix

GTmetrix analysiert Ihre Website mit einer Kombination aus 27 Empfehlungen zur Seitengeschwindigkeit (dem Google-Geschwindigkeitstest) und 19 YSlow-Empfehlungen (dem Yahoo-Geschwindigkeitstest). Oben im Bericht werden Leistungsbewertungen von A bis F sowie Seitendetails wie Ladezeit, Seitengröße und Anzahl der Anfragen angezeigt.

Die Ladezeit wird standardmäßig als "vollständig geladene Zeit" angegeben (die Zeit vom ersten Aufrufen der Seite durch den Besucher bis 2 Sekunden, nachdem keine Netzwerkaktivität stattgefunden hat). „Onload-Zeit“ ist optional (wenn die Verarbeitung der Webseite abgeschlossen ist und alle Ressourcen auf der Seite, einschließlich Bilder, Text und Skripte, vollständig heruntergeladen wurden). Der Rest des Berichts ist in sechs verschiedene Abschnitte unterteilt: PageSpeed, YSlow, Wasserfall, Timings, Video und History.

GTmetrix ermöglicht es Ihnen, die Website-Leistung mit verschiedenen Verbindungstypen zu testen und zu vergleichen, um zu sehen, wie sich dies auf Ihre Seitenladegeschwindigkeit auswirkt. Es bietet eine Funktion zur Verbindungsdrosselung, um die möglichen Arten von Internetverbindungen zu simulieren, die Ihre Website-Besucher möglicherweise verwenden: Kabel, DSL, 3G-Mobilfunk, 2G-Mobilfunk und 56K-Einwahl. Als möglichen Browser können Sie auch Chrome oder Firefox auswählen.

Dieses Tool verfügt über 7 Teststandorte, bietet jedoch insgesamt 28 dedizierte Testserver: 11 in Vancouver, Kanada; 5 in Dallas, USA; 7 in London, Großbritannien; 2 in São Paulo, Brasilien; 1 in Sydney, Australien; 1 in Mumbai, Indien; und 1 in Hongkong, China.

GTmetrix unterstützt HTTP/2, das Webseiten schneller lädt als HTTP/1.1, indem versucht wird, viele der Unzulänglichkeiten und Einschränkungen von HTTP/1.1 zu lösen. Zu den Vorteilen von HTTP/2 gehören:

• Multiplexing und Concurrency (mehrere Anfragen können in schneller Folge über dieselbe TCP-Verbindung gesendet werden)
• Stream-Abhängigkeiten
• Header-Komprimierung
• Server-Push

Darüber hinaus ist GTmetrix eines der wenigen Pagespeed-Tools, das auch mobile Leistungstests anbietet. Es verwendet zwei Samsung Galaxy Nexus-Telefone, sodass Benutzer Leistungsberichte basierend auf den tatsächlichen Seitenladevorgängen auf diesen Geräten erstellen können.

2. Pingdom

Mit Pingdom können Sie die Geschwindigkeit Ihrer Website von 3 Hauptstandorten aus testen:

• Dallas, Texas
• Melbourne, Australien
• San Jose, Kalifornien

Es bietet eine Leistungsbewertung basierend auf den PageSpeed-Empfehlungen von Google für die kostenlose Version und YSlow-Empfehlungen für die kostenpflichtige Version. Pingdom zeigt auch Ladezeit, Seitengröße, Anzahl der Anfragen und wie Ihre Site mit anderen Sites verglichen wird. Zusätzliche Erkenntnisse umfassen eine Aufschlüsselung der Seitengröße nach Inhaltstyp, Seitengröße nach Domain, Anfragen nach Inhaltstyp und nach Domain.

Einer der Hauptvorteile eines Pingdom-Geschwindigkeitstests besteht darin, dass Benutzer Leistungseinblicke erhalten, die aufzeigen, wo Verbesserungen vorgenommen werden können. Im Gegensatz zu GTmetrix bietet Pingdom jedoch nur Onload-Zeit (nicht vollständig geladene Zeit), bietet keine Verbindungsdrosselung und unterstützt kein HTTP/2.

3. Google PageSpeed ​​Insights

PageSpeed ​​Insights ist ein Google-Geschwindigkeitstest, der Empfehlungen für Verbesserungen gibt und Ihre Seite anhand von zwei Parametern mit 0 bis 100 Punkten bewertet:

1. Zeit bis zum Over-the-Fold-Laden (die Gesamtzeit, die eine Seite benötigt, um Inhalte über dem Fold anzuzeigen, nachdem ein Benutzer eine neue Seite angefordert hat)
2. Zeit bis zum vollständigen Laden der Seite (die Zeit, die ein Browser benötigt, um eine Seite vollständig zu rendern, nachdem ein Benutzer sie angefordert hat)

Je höher Ihre Punktzahl, desto optimierter ist Ihre Website und alles über 85 zeigt an, dass Ihre Seite gut funktioniert.

PageSpeed ​​Insights stellt Berichte sowohl für die Desktop- als auch für die mobile Version Ihrer Seite bereit. Es ruft die URL zweimal ab – einmal mit einem mobilen User-Agent und einmal mit einem Desktop-User-Agent. Der mobile Bericht enthält eine zusätzliche Kategorie namens "Benutzererfahrung", die Ihre Darstellungsbereichskonfiguration, die Größe Ihrer Tap-Ziele (Schaltflächen und Links) und die Schriftgrößen enthält.

Das PageSpeed ​​Insights-Team hat kürzlich auch ein neues PageSpeed-Tool zu „Think with Google“ eingeführt, das als nächstes auf der Liste steht.

4. Denken Sie mit Google: Testen Sie meine Website

Der Unterschied zu diesem besteht darin, dass nur die Geschwindigkeit der mobilen Seite getestet wird.

Oben auf der Ergebnisseite sind die Ladezeit und der geschätzte Besucherverlust (der Prozentsatz der Besucher, die aufgrund der Ladezeit von Ihrer Seite verloren wurden):

„Ladezeit“ ist ein Geschwindigkeitsindex (keine vollständig geladene Zeit), der misst, wie lange es dauert, bis der sichtbare Seiteninhalt mit Chrome auf einem Moto G4-Gerät in einem 3G-Netzwerk angezeigt wird. (Hinweis: Zum Testen wird ein 3G-Netzwerk verwendet, da bis 2020 70 % der Mobilfunkverbindungen weltweit mit 3G- oder niedrigeren Geschwindigkeiten erfolgen.)

Der mittlere Teil der Ergebnisse ist ein Branchenvergleich, berechnet aus einer internen Google-Studie von über 5 Millionen Webseiten:

Schließlich zeigt das Tool Test My Site, wie viel Zeit durch einige Korrekturen an Ihrer Seite gespart werden könnte, einschließlich eines detaillierten Berichts der von PageSpeed ​​Insights empfohlenen Korrekturen:

5. Google Speed ​​Scorecard

Die Speed ​​Scorecard umfasst Tausende von Websites in 12 verschiedenen Ländern in ihrer Datenbank und ermöglicht es Ihnen, bis zu 10 Domains zu vergleichen, um zu sehen, wie Ihre mobile Website abschneidet. Sie können auch Ihre Seitenladegeschwindigkeit über 3G- und 4G-Verbindungen vergleichen.

Wie sieht es mit dem Umsatz aus, da wir besprochen haben, wie sich langsame Seitenladegeschwindigkeiten auf Absprungraten und Conversion-Raten auswirken können? Um Ihnen eine Vorstellung zu geben, hat Google auch einen Auswirkungsrechner hinzugefügt, um den Dollarbetrag an potenziellen Umsatz zu schätzen, den Marken durch langsames Laden von Seiten verlieren könnten:

Füllen Sie die Felder des Rechners aus, um Ihre geschätzten Verluste anzuzeigen: Domain, aktuelle Geschwindigkeit, durchschnittliche monatliche Besucher, durchschnittlicher Bestellwert und Conversion-Rate (viele davon finden Sie im Google Analytics-Dashboard).

6. SchlüsselCDN

KeyCDN ist ein weiteres Tool zur Seitengeschwindigkeit, das auf mobilen Geräten gut funktioniert. KeyCDN bietet 16 Teststandorte aus der ganzen Welt zur Auswahl mit der Option, Testergebnisse privat zu machen oder sie öffentlich mit anderen zu teilen.

Die Ergebnisse umfassen eine Wasserfallaufschlüsselung mit einer Website-Vorschau am unteren Rand. In den Ergebnissen können Sie sehen, wie viele HTTP-Anfragen gestellt wurden, die volle Größe der angeforderten Seite und die Ladezeit.

7. Webseitentest

WebPagetest umfasst über 40 verschiedene Teststandorte zur Auswahl und über 25 Browser – darunter 14 mobile Geräte. Es stehen so viele Teststandorte zur Verfügung, weil jeder einen Teststandort für WebPagetest hosten kann, solange er die Mindestsystemanforderungen erfüllt.

Mit einer Funktion zur Verbindungsdrosselung können Tests durchgeführt werden, um potenzielle Internetverbindungen zu simulieren, die Website-Besucher möglicherweise verwenden: Kabel, DSL, 3G Slow, 3G, 3G Fast, 4G, LTE, Mobile Edge, 2G, 56K Dial-up, FIOS, Native Connection , und benutzerdefinierte Geschwindigkeiten.

Es bietet einen einzigartigen Testansatz, bei dem eine „Erste Ansicht“ und eine „Wiederholungsansicht“ ausgeführt werden. Es bietet auch erweiterte Funktionen wie Videoaufnahme, mehrstufige Transaktionen, Inhaltsblockierung, Deaktivieren von JavaScript, Ignorieren von SSL-Zertifikaten und Spoofing von User-Agent-Strings.

Wenn WebPagetest seine Ergebnisse bereitstellt, weist es Ihrer Site standardmäßig eine Buchstabennote von A bis F zu, basierend auf der vollständig geladenen Zeit, wobei die Onload-Zeit optional ist. Andere Bewertungsparameter umfassen FTTB, Komprimierung, Caching, effektive Nutzung eines CDN und mehr. Der Bericht ist in sechs Abschnitte unterteilt – eine Zusammenfassung, Details, Leistungsüberprüfung, Inhaltsaufschlüsselung und Screenshots – und bietet umfassende Diagnoseinformationen mit Wasserfalldiagrammen, Überprüfungen der Page Speed-Optimierung und Verbesserungsvorschlägen.

Ein letzter Hinweis ist, dass HTTP/2 von WebPagetest unterstützt wird.

8. Dotcom-Monitor

Dotcom-Monitor bietet 20 verschiedene Teststandorte weltweit und sieben Browser, darunter mobil und cloudbasiert. Das Besondere an diesem Tool ist, dass Sie alle geografischen Tests gleichzeitig ausführen und dann in jeden Bericht klicken können, um mehr darüber zu erfahren.

Die Berichte sind in fünf Abschnitte unterteilt – Zusammenfassung, Leistung, Wasserfallaufteilung, Host und Fehler, unter denen Sie Folgendes finden:

• Zusammenfassung nach Standort
• Browserbasierter Ladezeittest aller Seitenelemente
• Erkennung von langsamen/fehlenden Elementen
• 10% der schnellsten Elemente
• 10% der langsamsten Elemente
• Ein umfassendes Wasserfalldiagramm
• Aufschlüsselung nach Host-Element (einschließlich DNS, Verbindung, SSL, Anfrage, erstes Paket und Download)
• Fehlerprüfung und Diagnose

9. Seitenstandort

Das Pagelocity-Tool ist sowohl auf Desktop- als auch auf mobilen Geräten verfügbar und reaktionsschnell. Es weist Benutzern basierend auf Komponenten wie Inhaltsstatus, Seitenstruktur und Codierung eine Gesamtpunktzahl von 100 zu. Der Bericht enthält:

• Inhaltszusammenfassung: Wertvolle Erkenntnisse über den Textinhalt Ihrer Seite (Keywords, Überschriftenlinks, alternativer Text für Bilder usw.)
• Aufschlüsselung der Ressourcen: Informationen zu Ihrer Seitenstruktur – wie viele Bilder, Skripte oder Stildateien sie enthält, sowie Inhalte, die das Rendern blockieren und wie sich diese Faktoren auf die Ladezeit Ihrer Seite auswirken könnten
• Code-Tipps und -Einblicke: Vorschläge zur Aktualisierung Ihres Codes, um ihn wartungsfreundlicher und erweiterbarer zu machen, mit nützlichen Daten zu Ihrem Markup (Klassen/IDs, Tags, Google PageSpeed, Zeit bis zum ersten Byte usw.)

Ein einzigartiges Merkmal von Pagelocity ist die Wettbewerbsanalyse mit parallelen Metriken, die Ihre Vorteile gegenüber Ihren Mitbewerbern aufzeigen und eventuelle Schwächen aufzeigen.

10. YLangsam

YSlow ist ein Open-Source-Projekt, das Webseiten basierend auf 23 der 34 Regeln von Yahoo! für Hochleistungs-Websites analysiert. Es folgt drei Schritten, um seine Leistungstestergebnisse zu generieren:

• Crawlt das DOM, um alle Komponenten (Image, Skripte usw.) zu finden.
• Ruft Informationen zu jeder Komponentengröße ab (gzip, Expire-Header usw.)
• Verwendet die Daten, um für jede Regel eine Note zu generieren, sodass Sie eine Gesamtnote erhalten

YSlow bietet auch eine Seitenzusammenfassung mit Statistiken, Verbesserungsvorschlägen und Tools zur Leistungsanalyse (einschließlich Smush.it und JSLint).

Um das YSlow-Seitengeschwindigkeitstool auszuführen, können Sie die YSlow-Chromerweiterung verwenden oder die YSlow-Ergebnisse von GTMetrix abrufen.

Es ist wichtig zu beachten, dass die Bewertungen, Erkenntnisse und Rückmeldungen, die jedes dieser Tools bietet, Empfehlungen sind – keine strengen Regeln oder Anforderungen, die erfüllt werden müssen. Beachten Sie auch, dass Sie möglicherweise bereits tun, was ein Bericht vorschlägt, und das Tool dies möglicherweise nicht erfasst hat.

Wenn Sie entscheiden, dass Sie eine Änderung vornehmen müssen, damit Ihre Webseiten schneller geladen und die Benutzerfreundlichkeit verbessert wird, gibt es einige gängige Möglichkeiten.

Wie können Marken ihre Webseiten beschleunigen?

Die oben genannten Tools sind sehr nützlich, um wichtige Seitenprobleme zu überprüfen, die leicht behoben werden können. Nehmen wir uns also eine Minute Zeit, um einige dieser Korrekturen hier anzugehen.

Bilder optimieren

Stellen Sie sicher, dass die Bilder nicht größer als nötig sind, das richtige Dateiformat haben und für das Web komprimiert sind. 25 % der Seiten könnten durch Komprimieren von Bildern und Text mehr als 250 KB einsparen, und 10 % könnten mehr als 1 MB einsparen. In Bezug auf Videos lassen Sie es entweder weg oder hosten die Datei auf einer anderen Plattform (wie YouTube oder Vimeo) anstatt auf Ihren Servern.

Asynchron laden

Wenn Sie sich für das asynchrone Laden entscheiden, können Elemente gleichzeitig und nicht nacheinander geladen werden, um Verzögerungen bei der Seitenladegeschwindigkeit zu vermeiden.

CSS, JavaScript und HTML minimieren

Optimieren Sie Ihren Code, indem Sie Leerzeichen, Kommas und andere unnötige Zeichen entfernen, Codekommentare entfernen und die Formatierung minimieren.

Weiterleitungen reduzieren

Die Reduzierung von Weiterleitungen macht einen großen Unterschied, denn jedes Mal, wenn eine Seite auf eine andere Seite umgeleitet wird, muss der Besucher noch länger warten, bis der HTTP-Anforderungs-Antwort-Zyklus abgeschlossen ist.

Cachen Sie Ihre Seiten

Browser-Caching bedeutet, dass der Browser nicht Ihre gesamte Seite neu laden muss, wenn jemand Ihre Site erneut besucht. Durch das Zwischenspeichern von Informationen wie Stylesheets, Bildern und JavaScript-Dateien reduzieren Sie die Anzahl der Anfragen an Ihren Server und verkürzen die Ladezeit der Seiten erheblich.

Verbessern Sie die Antwortzeit des Servers

Die Antwortzeit des Servers wird durch eine Vielzahl von Faktoren beeinflusst: die Menge des Datenverkehrs, die Ressourcen, die jede Seite verwendet, die vom Server verwendete Software und die Hosting-Lösung. Um die Antwortzeit des Servers zu verbessern, suchen Sie nach Leistungsengpässen wie langsamen Datenbankabfragen und -routing sowie einem Mangel an ausreichendem Arbeitsspeicher.

Wählen Sie ein Pagespeed-Tool, das Ihren Anforderungen entspricht

Die Entscheidung, welches Tool Sie verwenden möchten, hängt letztendlich von den Metriken ab, die Sie für Ihre Website verfolgen und messen möchten. Trotz der unterschiedlichen Funktionen bietet jede einzelne einen großen Wert bei der Identifizierung von Bereichen, in denen Ihre Website möglicherweise langsam ist, und bietet Einblicke und Empfehlungen zur Beschleunigung.

Beim Entwerfen von schnell ladenden Post-Click-Landingpages ist nichts mit AMP zu vergleichen. Mit einem einzigartigen Framework und minimalem HTML können AMP-Post-Click-Landingpages sofort geladen werden, was eine großartige Benutzererfahrung bietet. Sehen Sie, wie der Instapage AMP-Builder es digitalen Vermarktern ermöglicht, schnell und einfach Schnellladevorgänge zu erstellen und zu veröffentlichen, indem Sie noch heute eine Demo anfordern.