Google PageSpeed ​​Insights-Berichte: Ein technischer Leitfaden

Nichts ist frustrierender als eine langsame Website.

Langsame Ladezeiten stören die allgemeine Benutzererfahrung und wirken sich negativ auf das Conversion-Potenzial Ihrer Landingpages aus.

Aus SEO-Perspektive bewirbt Google seltener Webseiten, deren Ladezeit zu lange dauert.

Ja, die Website-Geschwindigkeit ist ein Ranking-Faktor. Wenn Sie sich also die Zeit nehmen, sie zu verbessern, können Sie Ihre Ranking-Positionen drastisch verbessern.

Wenn Sie also bereit sind, von langsam auf schnell umzusteigen, kann Ihnen der PageSpeed ​​Insights-Bericht von Google dabei helfen, festzustellen, ob Ihre Seiten den Leistungsstandards entsprechen, und wenn nicht, wie Sie sie verbessern können.

Verwenden Sie dies Leitfaden, um Ihren PageSpeed ​​Insights-Bericht zu verstehen und zu erfahren, wie Sie ihn für eine bessere SERP-Leistung nutzen können.

Was ist Seitengeschwindigkeit?

Google definiert Seitengeschwindigkeit auf zwei Arten:

<

Wie lange es dauert, den Inhalt „above the fold“ anzuzeigen.

Wie lange ein Browser braucht, um die Seite vollständig darzustellen.

Aber es hängt viel davon ab, wie schnell unsere Webseiten sind. Die Internetverbindung des Nutzers, der Webhosting-Service einer Domain und das Löschen des Caches können sich auf die Ladezeiten auswirken.

Wenn wir also über die Seitengeschwindigkeit sprechen, liegen einige Elemente außerhalb der Kontrolle des Websitebesitzers. Aber es gibt viele Elemente, die der Webmaster optimieren kann, wie Bilder, Videos, JavaScript und mehr.

Weil die Seitengeschwindigkeit für das Benutzererlebnis so wichtig ist, berücksichtigt Google die Gesamtleistung einer Seite, wenn bestimmen, ob es in den SERPs beworben werden soll.

Wenn Sie sich die Zeit nehmen, Ihre Inhalte auf Geschwindigkeit zu optimieren, zeigt Google, dass Sie ein qualitativ hochwertiges Erlebnis für Ihre Website-Besucher schaffen möchten.

Was ist Googles PageSpeed ​​Insights (PSI)?

PageSpeed ​​Insights ist ein kostenloses Leistungstool, das den Inhalt einer bestimmten Webseite analysiert und Seitengeschwindigkeitswerte sowohl für die Mobil- als auch für die Desktop-Version der Seite bereitstellt.

Screenshot von pagespeed.web.dev, August 2022

Das Tool zeigt zudem Optimierungsmöglichkeiten auf und gibt konkrete Verbesserungsvorschläge.

Screenshot von pagespeed.web.dev, August 2022

PageSpeed ​​Insights ist eines von vielen Tools zur Überprüfung der Seitengeschwindigkeit, die Websitebesitzern zur Verfügung stehen, aber es ist bei weitem das beste für diejenigen, die daran interessiert sind, die Geschwindigkeit für SEO-Zwecke zu verbessern.

Mit PageSpeed ​​Insights können Websitebesitzer im Detail sehen, wie Google die technische Leistung ihrer Seiten versteht.

PageSpeed ​​Insights und Ranking

Obwohl die Seitengeschwindigkeit ein Rankingfaktor ist, ist der PSI-Score ist nicht. Die Punktzahl ist als geschätzte Leistungsübersicht konzipiert.

PSI ist kein Rankingfaktor, sondern nur ein „Lab” Tool, das Ihnen hilft, Probleme zu finden, an denen Sie arbeiten können. Es testet von bestimmten Standorten aus, daher kann für PSI der Standort/das Netzwerk eine Rolle spielen. Ähnlich verhält es sich, wenn Sie lokal mit Lighthouse testen. Beide versuchen auch allgemeine Benutzerverbindungen zu emulieren.

– 🥔 Johnmu aus der Schweiz (persönlich) 🥔 (@JohnMu) 6. Juli 2021

Einige der Metriken, auf die sich das Tool zur Berechnung von PSI-Werten stützt, wie Core Web Vitals, sind Teil des Ranking-Algorithmus von Google.

All dies bedeutet, dass PSI-Werte ein guter Hinweis darauf sind, ob Ihre Seiten die Geschwindigkeits- und Leistungsstandards von Google erfüllen oder nicht. Es besteht eine starke Korrelation zwischen höheren Punktzahlen und besseren Keyword-Rankings.

Wenn die langsame Geschwindigkeit nicht behoben wird, wird jede SEO-Strategie durch leistungsschwache Seiten entgleist.

Seitengeschwindigkeit und die Benutzererfahrung

Neben SEO ist auch die Seitengeschwindigkeit für die allgemeine Benutzererfahrung von entscheidender Bedeutung.

Für mobile Benutzer wird die Ladegeschwindigkeit der Seite als der wichtigste Faktor angesehen, sogar noch wichtiger als das schnelle Finden, wonach sie suchen, oder die ästhetische Qualität der Seite.

Bildquelle: SPEED MATTERS: Designing for Mobile Performance von awwwards.com, August 2022

Eine Verzögerung von einer bis drei Sekunden erhöht die Wahrscheinlichkeit, dass der Besucher abspringt, um 32 %.

Schlimmer noch, die Konversionsraten sinken mit jeder zusätzlichen Sekunde Ladezeit um durchschnittlich 4,42 % Zeit.

Die Verbesserung der Website-Geschwindigkeit ist bei keiner Strategie zur Suchmaschinenoptimierung und Konversionsoptimierung verhandelbar.

Das PSI-Tool von Google ist der beste Ausgangspunkt, um die Geschwindigkeit Ihrer Website zu verstehen und zu verbessern.

Verwendung des PageSpeed ​​Insights-Tools

Um das PSI-Tool von Google zu verwenden, geben Sie eine beliebige URL in die Symbolleiste ein, drücken Sie auf Analysieren, und PSI macht sich an die Arbeit.

Screenshot von pagespeed.web.dev, August 2022

Während Sie darauf warten, dass Ihr Bericht generiert wird, führt das Tool zwei Hauptaufgaben aus.

Erstens werden die „Felddaten“ der Seite erfasst. oder die im Chrome User Experience Report (CrUX) enthaltenen Leistungsdaten.

Zweitens misst es Ihre Seitenleistung über die Lighthouse-API. Dies wird als „Lab Data” weil es die Geschwindigkeit der Webseite in einer simulierten, kontrollierten Umgebung misst: mobile Netzwerke und ein Gerät der Mittelklasse.

Dadurch werden einige Variablen eliminiert, die sich auf die Geschwindigkeit und Leistung einer Webseite auswirken können.

Verständnis Ihres PSI-Berichts

Das PSI-Tool von Google erstellt einen detaillierten Bericht, der die Core Web Vitals-Bewertung, Lighthouse-Lab-Daten, Chancen, Diagnosen und bestandene Audits enthält.

Screenshot von pagespeed.web.dev, August 2022

Im gesamten PSI-Bericht macht es die Farbcodierung leicht, die Bereiche zu verstehen, in denen die Seite gut abschneidet, noch verbessert werden muss oder eine Underperformance aufweist.

• Grün = Gut.
• Gelb = Verbesserungsbedürftig.
• Rot = Schlecht.

So interpretieren Sie die Informationen in jedem Bereich des Berichts.

Core Web Vitals Assessment (Felddaten)

Die Core Web Vitals-Daten von PSI stammen aus dem Chrome UX-Bericht und umfassen drei primäre Metriken. Jede erfasst einen anderen Aspekt der Geschwindigkeit und Ladezeit.

Screenshot von pagespeed.web.dev, August 2022

• First Contentful Paint (FCP): Die Zeit, die es braucht das erste zu ladende Text- oder Bildelement.
• Largest Contentful Paint (LCP): Die Zeit, die zum Laden des größten Text- oder Bildelements benötigt wird.
• First Input Delay (FID): Die Zeit, die der Browser benötigt, um auf die erste Interaktion des Benutzers zu reagieren.
• Cumulative Layout Shift (CLS): Dies misst jede Bewegung der Seite im Darstellungsbereich.

Jede Leistungsmetrik wird in Sekunden oder Millisekunden gemessen, mit Ausnahme von Cumulative Layout Shift (CLS).

CLS wird berechnet durch eine spezielle Formel. Ein CLS-Score unter 0,1 gilt als gut, während ein CLS-Score über 0,25 als schlecht gilt.

Die im Bericht präsentierten Felddaten stammen aus den letzten 28 Tagen und werden immer mit begleitenden Verteilungsbalken angezeigt.

Das liegt daran, dass die Felddaten aus aggregierten Daten aus dem CrUX-Bericht und denselben bestehen Eine Webseite funktioniert nie für alle Benutzer gleich.

Zum Beispiel erfüllte die Seite im obigen Bericht in 69 % der Fälle die FCP-Standards, in 31 % der Fälle jedoch nicht.

Labordaten

Die Lab-Daten von PageSpeed ​​Insights von Google enthalten synthetische Daten aus der Lighthouse-API. Lighthouse misst Core Web Vitals und drei zusätzliche Metriken.

Screenshot von pagespeed.web.dev, August 2022

• Geschwindigkeitsindex: Die Zeit, die benötigt wird, bis der Inhalt visuell erscheint beim Laden der Seite.
• Zeit bis zur Interaktivität: Die Zeit, die es dauert, bis die Seite vollständig interaktiv wird.
• Gesamtsperrzeit: Die Summe der Zeit zwischen FCP und vollständiger Interaktivität.

Im Gegensatz zu Felddaten enthalten die in den Labordaten gemessenen Metriken keinen Anzeigebalken, sondern einfach die Zeit Stempel oder Ergebnisse aus dem Labortest.

Es ist wichtig zu beachten, dass einige dieser Metriken in der PSI-Gesamtpunktzahl mehr Gewicht haben. Hier ist die aktuelle gewichtete Rubrik für Labordaten in Lighthouse 8.

Screenshot von Lighthouse 8, August 2022

Möglichkeiten & Diagnose

Die Abschnitte „Empfehlungen“ und „Diagnose“ enthalten spezifische Empfehlungen zur Verbesserung der Seitengeschwindigkeit.

Screenshot von pagespeed.web.dev, August 2022

Der Bericht führt auch die geschätzten Zeiteinsparungen auf, die das Befolgen der Empfehlungen bringen könnte.

Um weitere Einzelheiten zu den nächsten Schritten zu erhalten, klicken Sie auf den Dropdown-Pfeil neben einer bestimmten Gelegenheit in Ihrem Bericht.

Das Tool erklärt das Problem und bietet Anleitungen zur Behebung.

Screenshot von pagespeed.web.dev, August 2022

In ähnlicher Weise werden im Abschnitt „Diagnose“ des Berichts Best Practices aufgeführt, die die Webseite basierend auf der Seitenanalyse anscheinend nicht befolgt.

Screenshot von pagespeed.web.dev, August 2022

Wählen Sie den Dropdown-Pfeil, um mehr zu erhalten Informationen zu Best Practices und spezifischen Daten aus der Analyse der Seite zu diesem Problem.

Screenshot von pagespeed.web.dev , August 2022

Die Anzahl der Möglichkeiten und Diagnosen, die in diesem Abschnitt des Berichts aufgeführt werden können, ist ziemlich lang und hängt von den spezifischen Problemen ab, die das PSI-Tool auf der Seite erkennt.

<

Bestandene Audits

Dieser Abschnitt des Berichts lässt Websitebesitzer im Grunde wissen, was die Seite richtig macht.

Screenshot von pagespeed.web.dev , August 2022

Eine lange Liste bestandener Audits ist ein gutes Zeichen und bedeutet, dass Ihre Seite Best Practices für die Seitengeschwindigkeit aufweist.

Nach The PSI Report & 6 Tipps zur Verbesserung der Seitengeschwindigkeit

Für SEO-Neulinge kann sich der PSI-Bericht überwältigend technisch anfühlen.

Aber zum Glück denkt Google immer an den Nutzer und leistet großartige Arbeit, indem es detaillierte Aktionselemente im Abschnitt „Werbechancen“ des Berichts bereitstellt.

Je nach den vom PSI-Tool identifizierten Chancen und Problemen die nächsten Schritte für jeden Website-Inhaber variieren.

Allerdings wirken sich einige häufige Probleme auf die Seitengeschwindigkeit aus, die von Webmastern häufig gemacht werden.

Die folgenden Best Practices sind einige einfache Optimierungen, die dabei helfen können, die Geschwindigkeit und Auslastung zu verbessern Zeiten für die meisten Webseiten.

1. Optimieren Sie Ihre Bilder

Mehr als alle anderen Inhalte führen Bilder und Videos am ehesten zu Problemen im Zusammenhang mit langsamer Geschwindigkeit und Ladezeiten.

Richtig optimierte Bilder können viel dazu beitragen, FCP- und LCP-Zeiten zu reduzieren und CLS zu vermeiden Probleme.

Einige Best Practices sind:

• Größe ändern und Bilder komprimieren.
• Legen Sie für jedes Bild eine bestimmte Höhe und Breite fest.
• Verwenden Sie ein Content Delivery Network (CDN), um Ihre Bilder bereitzustellen.

2. Videoinhalte einbetten

Wenn Sie Videos auf Ihrer Website haben, die Ihre Produkte oder Dienstleistungen vorstellen, vermeiden Sie es, sie auf Ihre Website hochzuladen.

Sie nehmen nicht nur viel Platz ein, sondern können auch Ihren Webserver belasten Viele Benutzer spielen die Videos gleichzeitig ab.

Speichern Sie Videos stattdessen an einem anderen Ort (z. B. YouTube) und betten Sie Videoinhalte auf Ihrer Webseite ein, um die Ladezeiten erheblich zu verbessern.

3. Vermeiden Sie übermäßige Weiterleitungen

Weiterleitungen können die Zeit bis zum ersten Byte (TTFB) oder die Zeit zwischen der Anfrage an den Server und dem Zurücksenden der ersten Daten an den Anforderer erhöhen.

Das Vermeiden übermäßiger Weiterleitungsketten kann Ihnen helfen, die Seitengeschwindigkeit zu verbessern, und ist eine gute Praxis für eine insgesamt bessere SEO.

4. Wählen Sie ein schnelleres Website-Design

Bestimmte Website-Designs sind auf Geschwindigkeit optimiert und können Ihre Ladezeiten erheblich verbessern. Einige Designs sind leichter, verwenden GZIP-Komprimierung oder haben ein ansprechenderes Design.

Sehen Sie sich diese Liste schnell ladender WordPress-Themen an und überlegen Sie, ob Sie Ihr Thema aktualisieren sollten, um Ihre PSI-Werte und die allgemeine SEO zu verbessern.

5. Verwenden Sie asynchrones Laden für JavaScript

Um es einfach zu halten, hilft asynchrones Laden dem Webbrowser, ein besserer Multitasker zu werden.

Beim synchronen Laden pausiert der Browser alle anderen Aktionen, während JavaScript läuft Datei wird geladen.

Asynchrones Laden lässt den Browser andere Aufgaben ausführen, wie das Zeichnen einer Tabelle oder das Laden eines CSS-Stylesheets, während gleichzeitig das JavaScript heruntergeladen wird.

Diese Optimierung erfordert mehr Backend-Kenntnisse, wenden Sie sich daher unbedingt an einen Webentwickler, um diese Strategie umzusetzen.

6. Browser-Caching aktivieren

Dies ist eine grundlegende Optimierung, die dazu beiträgt, dass Ihre Webseiten für wiederkehrende Besucher schneller geladen werden.

Mit Browser-Caching werden Bilder und Videos auf dem Gerät des Benutzers gespeichert und geladen von dort, wenn sie die Seite das nächste Mal besuchen.

Das Aktivieren des Browser-Caching erfordert das Bearbeiten (oder Erstellen) einer .htaccess-Datei, was ebenfalls besser von einem erfahrenen Webentwickler implementiert wird.

Finale Gedanken zu PageSpeed ​​Insights

Das Verständnis von PageSpeed ​​Insights-Berichten erfordert keinen technischen SEO-Hintergrund.

Obwohl bestimmte Korrekturen möglicherweise die Unterstützung Ihrer Webentwickler erfordern, bietet der PageSpeed ​​Insights-Bericht eine klare Roadmap für schnellere Website-Geschwindigkeit.

Wenn Google sieht, dass Sie sich die Zeit genommen haben, den Empfehlungen im Bericht zu folgen und den Suchenden ein qualitativ besseres Weberlebnis zu bieten, werden sie Sie mit größerer Wahrscheinlichkeit belohnen SERPs.