Geschwindigkeit ist ein Schlüsselfaktor für den Erfolg einer Website und sollte immer die oberste Priorität des Webmasters sein. Eine schnell ladende Website gewährleistet nicht nur eine verzögerungsfreie und reaktionsschnelle Benutzererfahrung, sondern wirkt sich auch direkt auf die Gesamtleistung der Website aus. Websites mit schnelleren Ladezeiten profitieren von einem besseren Nutzerverhalten, höheren Conversion-Raten, höheren SEO-Rankings usw. Ein langsamer Betrieb der Website oder sogar eine Verzögerung beim Laden der Website können dazu führen, daß Du potenzielle Benutzer und damit Kunden verlieren. Das Erhöhen der Geschwindigkeit einer Website ist von entscheidender Bedeutung. Dies kann jedoch ein mühsamer Prozeß sein, der viele Aktivitäten zwischen der Optimierung der Website, dem Aufbau des Netzwerks und der Barrierefreiheit umfaßt. Das Testen und Optimieren der Seitengeschwindigkeit ist entscheidend.

Was ist PageSpeed?

PageSpeed ​​ist die Geschwindigkeit, mit der die Website geladen wird. Manchmal kann es mit Begriffen wie Ladezeit der Seite (oder Download-Geschwindigkeit der Seite) und Seitengeschwindigkeit (oder Geschwindigkeit der Website) verwechselt werden. Die Unterscheidung zwischen diesen Begriffen kann verwirrend sein. Bei PageSpeed ​​ist dies jedoch das Wichtigste, das Du als Vermarkter, Entwickler oder Geschäftsinhaber berücksichtigen solltest: Wie schnell wird die wichtigste Seite für Website-Besucher geladen?

Warum ist PageSpeed wichtig?

Ein schneller PageSpeed ​​ist natürlich sehr vorteilhaft für alle, die Deine Website besuchen.

Durch die Verbesserung der Geschwindigkeit und Leistung Deiner Website kannst Du die Conversion-Rate, den Umsatz und den Gewinn Deiner Website steigern.

Für jede zweite Verbesserung von PageSpeed ​​kann das Unternehmen Conversion-Raten von bis zu 2% feststellen.

Mit jeder Erhöhung um 100 ms kann der Umsatz um 1% gesteigert werden.

Shopzilla verkürzte die durchschnittliche Ladezeit von 6 Sekunden auf 1,2 Sekunden und steigerte den Umsatz um 12% und die Seitenaufrufe um 25%.

Dieses Amazon-Unternehmen erhöht seinen Umsatz mit jeder 100-ms-Steigerung um 1%.

Mit jeder Erhöhung von Yahoo um 400 ms steigt der Datenverkehr um 9%.

Durch Erhöhen der Geschwindigkeit von Mozilla-Seiten um 2,2 Sekunden kann Mozilla 60 Millionen Firefox-Downloads pro Jahr hinzufügen.

Eine Sekunde Geschwindigkeitsverlust könnte Amazon 1,6 Milliarden Dollar kosten.

Eine Verzögerung von einer Sekunde reicht aus, um Deine Conversions um 7% zu reduzieren.

Darüber hinaus ist PageSpeed ​​zu einem immer wichtigeren Bestandteil des Google-Rankings geworden.

So verbesserst Du die Seitengeschwindigkeit einer Website

Wie kannst Du Deine Website wirklich beschleunigen?

Der effektivste Weg, den Website-Zugriff zu beschleunigen, hängt von folgenden Faktoren ab:

Website-Sicherheitslücke – sind die Bilder zu groß? Reagiert Dein Server langsam?

Welche Plattform nutzt Deine Seite – Welche Codeänderungen Du vornehmen kannst, und die Plugins, die Du verwenden kannst, hängt davon ab, ob Du WordPress, Magento oder eine andere Plattform verwendest.

Interne Resourcen – Übernehmen nicht-technische-Mitarbeiter Änderungen an WordPress , oder verfügst Du über Entwicklungsressourcen, die Dir helfen können?

PageSpeed Tools

  • Google PageSpeed ​​Insights – Hiermit kannst Du bestimmte Vorschläge direkt von den Google-Tools erhalten.
  • Lighthouse – ist ein Open-Source-Automatisierungstool zur Verbesserung der Qualität der Website. Du kannst das Programm auf jeder Website ausführen, die öffentlich ist oder eine Authentifizierung erfordert. Es prüft Leistung, Zugänglichkeit, progressive Webanwendungen usw.

Webseiten Belastungstests & PageSpeed Tests Tools

PageSpeed Optimierungs-Tools & Plugins für WordPress

Content Delivery Networks (CDNs)

PageSpeed Glossar

Wenn Du ein Vermarkter bist oder nicht viel über Technologie weißt, können viele technische Begriffe im Zusammenhang mit PageSpeed ​​verwirrend sein. Dies ist eine kurze Definition einiger häufig verwendeter PageSpeed-Begriffe.

Der Anwendungscache (oder AppCache) wird verwendet, um verschiedene Ressourcen für Offline-Benutzer zu speichern (und letztendlich bereitzustellen).

Brotli ist Googles eigenes Datenkomprimierungsformat (das Gzip ersetzen kann).

Ein Content Delivery Network (CDN) ist ein Servernetzwerk, das Inhalte basierend auf dem geografischen Standort von Benutzern und Servern an Benutzer bereitstellen kann. CDN kann zur Erhöhung der Seitengeschwindigkeit beitragen, indem Inhalte von einem Server bereitgestellt werden, der näher an einem einzelnen Besucher Ihrer Website liegt.

connectEnd ist die Zeit zwischen dem Zeitpunkt, zu dem der Browser die Verbindung zum Server herstellt, und dem Zeitpunkt, zu dem das Dokument abgerufen und angezeigt wird.

connectStart ist, wenn eine Verbindung zu einem Server beginnt.

YDer kritische Renderpfad bezieht sich auf die Reihe von Ereignissen, die der Browser durchläuft, um die ursprüngliche Ansicht der Webseite anzuzeigen. Durch die Optimierung des „kritischen Rendering-Pfads“ kann die Website den Inhalt des „ersten Bildschirms“ auf der Website verwenden, um Benutzern schneller Dienste bereitzustellen, was zu einer besseren Benutzererfahrung führen kann.

CSSOM ist eine Übersicht oder Karte der verschiedenen CSS-Stile auf einer Webseite.

Die DNS-Suchzeit ist die Zeit, die der Browser benötigt, um die Suche nach Ihrer Domain abzuschließen.

Document.readyState bezieht sich auf die Phase des Ladens des Dokuments (typischer Status ist: Laden, interaktiv oder vollständig)

domComplete ist die Zeit unmittelbar vor dem Setzen der aktuellen Dokumentbereitschaft durch den User-Agenten.

domContentLoaded zeigt an, dass das HTML analysiert wird, kein CSS-Skript blockiert ist und das Javascript, das den Parser verhindert, ausgeführt wurde.

domInteractive ist die Zeit, bevor der Benutzeragent das aktuelle Dokument auf „interaktiv“ vorbereitet.

domLoading ist die Zeit, bevor der Benutzeragent den aktuellen Bereitschaftsstatus des Dokuments auf „Laden“ setzt.

Ein aufgezeichneter Zeitpunkt, zu dem der Browser zum ersten Mal versucht, ein Dokument abzurufen.

Die Anzeige „Leistung in der ersten Ansicht“ kann den ersten Besuch des Benutzers auf der Webseite replizieren.

Gzip ist eine Methode zum Komprimieren von Dateien, um sie kleiner und einfacher zu laden.

Das Browser-Caching ist eine Methode zum vorübergehenden Speichern von Dateien auf dem Gerät des Benutzers, damit diese Elemente später durch Zugriff auf dieselbe Seite schneller werden. Das Google PageSpeed-Tool empfiehlt normalerweise die Verwendung des Browser-Cache.

„Minimierungscode“ oder „Minimierung“ bezieht sich auf das Bereinigen oder Reduzieren von Dateien, die Code enthalten (wie CSS, HTML und JS), indem alle unnötigen Zeichen (wie zusätzliche Leerzeichen) entfernt werden.

Der Navigationsstartpunkt ist der eigentliche Startpunkt der Seitenstruktur, der vom Benutzer durch Klicken auf einen Link oder andere Navigationsmethoden initiiert wird.

Die Navigations-Timing-API ist eine Schnittstelle, die zeitbezogene Informationen aus dem Browser für Webanwendungen bereitstellen kann.

„Sichtbarer Inhalt“ bezieht sich auf den Inhalt der „gefalteten Anzeige“ auf dem Desktop oder Gerät, den Benutzer auf ihrem Bildschirm sehen, wenn sie die Seite besuchen. Es wird empfohlen, dass das Google PageSpeed-Tool „erste Anzeige von sichtbarem Inhalt“ bereitstellt. Dies soll sicherstellen, dass Benutzer (schnell) zuerst die Grundelemente der Seite laden und über Plug-Ins für die gemeinsame Nutzung von sozialen Netzwerken verfügen, Javascript analysieren, verschieben usw.

Die Umleitungszeit misst die Zeit, die benötigt wird, um alle Umleitungen zu verfolgen, wenn Ressourcen angefordert werden.

Um das Rendern von Javascript und CSS zu verhindern, müssen Javascript und CSS geladen werden, bevor Benutzer die Seite sehen können. Im Allgemeinen können Sie durch Umschreiben des Seitencodes einige dieser Elemente auf unterschiedliche Weise laden, um die Ladezeit der Seite zu verkürzen.

requestStart ist der Moment, in dem der Browser das aktuelle Dokument vom Server, dem zugehörigen Anwendungscache oder lokalen Ressourcen anfordert.

responseEnd ist die Zeit, nachdem der Benutzeragent das letzte Byte des aktuellen Dokuments empfangen hat oder bevor die Verbindung geschlossen wird (je nachdem, was zuerst eintritt).

responseStart ist die Zeit unmittelbar nachdem der Browser das erste Byte der Antwort vom Server, dem zugehörigen Anwendungscache oder der lokalen Ressource empfangen hat.

SecureConnectionStart ist die Zeit unmittelbar nach dem Handshake-Prozess, um die Verbindungssicherheit zu gewährleisten.

Die TCP-Verbindungszeit wird verwendet, um die Zeit zu messen, die zum Herstellen einer Übertragungsverbindung und anderer Zeitintervalle wie SSL-Handshake und SOCKS-Authentifizierung benötigt wird.

TTFB repräsentiert die Zeitspanne zwischen der Seitenansicht und dem Empfang des ersten Antwortbytes.