Skip to main content

Wie lese ich das neue Google Page Speed Insights und was sagen die Messwerte aus?

  • rainer winkler


PDF herunterladen

Unsere Tipps für bessere Website-Ladezeit:

Google verbessert laufend seine Tools. Auch das Tool Page Speed Insights wurde 2018 erweitert. Die vielen neuen Funktionen schaffen jedoch auch viele neue Fragen. Wir haben uns der Sache angenommen und zeigen in diesem Artikel, wie Ihr am besten mit den neuen Auswertungen arbeitet.

Was sind die „Felddaten“ & „Origin Summary“ und was lese ich daraus ab?

Anhand der Felddaten erhält man eine Gesamtübersicht zu den Ladezeiten von einzelnen Elementen der eigenen Webseite. Google nutzt hierbei echte Nutzererfahrungen aus dem eigenen Chrome-Browser.

Weiter unten wird nochmal auf den Begriff „Labdaten“ eingegangen. Der Unterschied zwischen den Felddaten und den Labordaten ist, dass die Felddaten echte Erfahrungswerte wiedergeben und die Labordaten nur theoretische, geschätzte Werte darstellen.

Der Vergleichswert niedrig im unteren Bild kommt durch den Vergleich mit dem 90. Prozentrang von FCP und den 95. Prozentrang von FID zustande.

Der Prozentrang ist ein Begriff aus der Betriebswirtschaft und wird unter https://welt-der-bwl.de/Perzentil genauer erklärt.

Die Webseite im unteren Beispiel hat demnach im Vergleich zu 90% aller Webseiten einen niedrigen FCP Wert und im Vergleich zu 95 % aller Webseiten einen niedrigen FID Wert.

Hinweis: Die Felddaten können nur ausgegeben werden, wenn in den letzten 30 Tagen genügend Benutzer über einen Chrome Browser auf einer Seite waren und Google auch erlaubt haben, ihr Surfverhalten auszuwerten.
google-page-speed-tipps-1

Was bedeutet First Contentful Paint (FCP)?

FCP bedeutet übersetzt so viel wie: „Erste inhaltliche Anzeige“ und misst die Zeit vom Klick des Nutzers auf ein Suchergebnis bis zur erstmaligen Anzeige sichtbarer Elemente (z.B. der Navigation, des Sliders oder von Textelementen)

In der Grafik werden Elemente, die innerhalb von 1 Sekunde angezeigt werden, mit Grün markiert. Gelb und rot wird gezeigt, wenn es länger dauert (bis 2,5 Sekunden und länger).

Im oberen Beispiel werden 65% aller Elemente (Das können Textelemente oder auch Bilder sein) innerhalb von 1 Sekunde nach dem Klick auf das Suchergebnis angezeigt. 25% brauchen zwischen einer und 2,5 Sekunden und 9% brauchen länger als 2,5 Sekunden. Welche Elemente dies genau sind, erfahren wir weiter unten in den „Empfehlungen“ und in der „Diagnose“.

Was bedeutet First Input Delay (FID)?

FID bedeutet übersetzt so viel wie: „Verzögerung der Ersteingabe“ und misst die Zeit von der ersten Interaktion eines Besuchers (z.B. das Tippen mit dem Finger oder das Klicken von Links bzw. Buttons) bis hin zur Reaktion des Browsers.

Ziel des Verfahrens ist es, dem Seitenbetreiber zu zeigen ob alle Interaktionsmöglichkeiten für die Benutzer sofort ausführbar sind, oder ob der Benutzer lange auf eine Antwort der Seite warten muss, weil z.B. noch sehr große JavaScript-Dateien geladen oder ausgeführt werden (oft der Fall bei sog. Multipurpose-Themes von WordPress).

Was ist die Origin Summary?

Die Origin Summary, zu deutsch auch Ursprungszusammenfassung, zeigt die Summe der Werte aus den o.g. Felddaten in Bezug auf den Ursprung der ausgelieferten Seiten.

Mit „Ursprung“ sind dabei alle möglichen Varianten der Seite gemeint (z.B. Subdomains, Varianten der Seite mit und ohne „www“ oder Varianten mit und ohne „https“)

google-page-speed-tipps-2

Welche Informationen geben die “Labdaten” von Google Page Speed Insights?

Die Labdaten werden von dem Google-Tool „Lighthouse“ siehe: https://developers.google.com/web/tools/lighthouse/  bereitgestellt und geben zum Teil die Werte aus den oben beschriebenen Felddaten wieder.

Anders als bei den Felddaten ist hierbei jedoch, dass die „Labordaten“ nur theoretische Werte darstellen und die Felddaten aus echten Nutzererfahrungen gewonnen werden.

google-page-speed-tipps-3

Auch beziehen sich die Labordaten auf den Aufruf einer Seite über ein Mobilgerät. Unter den Daten findet sich eine Fotostrecke des Ladeprozesses. Im Optimalfall werden Eure Hauptinhalte bereits im ersten Foto angezeigt.

Die ausgegebenen Werte haben folgende Bedeutung:

  • Erste Inhalte gezeichnet: Die benötigte Zeit, bis beim Laden der Seite die ersten Elemente angezeigt werden können (Oftmals Textelemente)
  • Inhalte weitgehend gezeichnet: Hier wird angegeben, wie lange es dauert, bis die Hauptinhalte angezeigt werden. (z.B. die Produkte in einem Shop)
  • Geschwindigkeitsindex: Der Geschwindigkeitsindex gibt die benötigte Zeit zum Laden aller sichtbaren Inhalte an.
  • Erster CPU-Leerlauf: Dieser Wert gibt an, wann das Laden der Dateien weitgehend abgeschlossen ist, sodass erste (wenn auch noch nicht alle) Interaktionen mit der Seite möglich sind.
  • Zeit bis Interaktivität: Hier erfahren Sie, wann der Nutzer voll und ganz mit Ihrer Seite interagieren kann. Alle Elemente sind nun bedienbar.
  • Geschätzte Eingabelatenz: Dieser Schätzwert gibt an, wie lange Ihre Seite bei einer Interaktion braucht um zu reagieren. Beläuft sich der Wert auf über 100ms, so wird Ihre Seite als langsam wahrgenommen. Ein empfohlener Zielwert ist 50ms.

Empfehlungen, Diagnose und bestandene Prüfungen?

In den folgenden Teilen der Auswertung werden insgesamt 22 Prüfpunkte in die folgenden drei Kategorien sortiert:

1.     Empfehlungen

Die Empfehlungen sind noch bekannt aus älteren Versionen von Page Speed Insights und zeigen uns die Prüfpunkte, welche wir zur Verbesserung unserer Ladezeit umsetzen können. Hierbei werden auch konkrete Schätzungen zur Einsparung von Ladezeit abgegeben und entsprechend des Potenzials priorisiert.

Tipp: Sprecht die Punkte in den „Empfehlungen“ und der „Diagnose“ mit Eurem Entwickler ab. Die Arbeiten an den Empfehlungen können je nach Ausmaß 40 Arbeitsstunden eines Entwicklers und mehr in Anspruch nehmen, da das identifizieren der entsprechenden Programmteile sowie das anschließende Platzieren an einer geeigneten Stelle im Quelltext viel Arbeit und Zeit erfordert.

In den meisten Fällen reicht jedoch eine ordentliche Bildoptimierung sowie der Verzicht auf sogenannte „Multipurpose-Themes“ (im Falle von WordPress) bereits aus, um angemessene Werte zu erreichen.

Im Bezug auf die Bildoptimierung wird in der neuen Version von Page Speed Insights auch auf die modernen Bildformate wie JPEG 2000 oder WebP eingegangen. JPEG 2000 kann über Photoshop generiert werden und für WebP benötigt Ihr das entsprechende Konvertierungstool von Google: https://developers.google.com/speed/webp/

2.     Diagnose

Bei den Punkten in der Diagnose lässt sich ablesen, welche Dateien für Verzögerungen in der Ladezeit sorgen weil z.B. die Prioritäten in der Rangfolge falsch gesetzt sind. Die Diagnose bezieht sich außerdem auf Hinweise zur Verbesserung der Nutzerfreundlichkeit. So werden beispielsweise auch Cache-Empfehlungen für wiederkehrende Nutzer abgegeben.

3.     Bestandene Prüfungen

Ebenfalls bekannt aus den älteren Versionen zeigen uns die bestanden Prüfungen, um welche Punkte wir uns nicht mehr kümmern brauchen, da diese bereits gut umgesetzt werden.

Page Speed: Fazit & Empfehlung

[Tweet “Ladezeit ist und bleibt ein Rankingfaktor.”]

Gerade in Bezug auf die informationsgetriebene Suche verändert sich Google immer stärker von der Suchmaschine hin zur Antwortmaschine. Suchanfragen über Sprachassistenten werden immer häufiger nur noch mit einem einzigen Ergebnis (anstelle von 10) beantwortet. Wer in diesem Rennen den Stich machen möchte muss die beste Antwort am schnellsten liefern können.

Unsere Tuningtipps für Eure Webseite:

  • Sorgt dafür, dass der Hauptinhalt (primary Content) immer uneingeschränkt und sofort sichtbar ist.
  • Verzichtet auf das Einbinden von großen JavaScript und CSS Bibliotheken (z.B. JQuery oder bootstrap) wenn Ihr die Lösungen auch anderweitig umgesetzt bekommt.
  • Verwendet keine Google-Fonts
  • Verwendet keine Multifunktions-Templates mit integrierten Baukästen für Euer CMS.

Bei Fragen zur Ladezeit stehen wir natürlich jederzeit gerne zur Verfügung.

Titelbild © Karen Roach – stock.adobe.com

Kommentare

Damit die Performance einer Seite auch dauerhaft überwacht werden kann, haben wir die App Speedrank entwickelt. Damit bleibt jeder Seitenbetreiber stets über die aktuelle Performance der eigenen Webseiten informiert und muss nicht mühsam die Lighthouse Reports manuell erstellen.

Silvester Rüfenacht

Hallo, guten Tag

Ein sehr guter Beitrag. Betreffend Bildoptimierung möchte ich hinzufügen, dass der Browser Edge bis heute Bilder mit dem Bildformat webp nicht anzeigt. Ansonsten empfehle ich schon meinen Kunden, Bilder mit diesem Format zu speichern.

Grüsse aus der Schweiz

Mehrwert des Artikels 0,0 – und ich weiß, dass ihr das nicht veröffentlicht.

Nach einem Relaunch unseres Shopsystems auf Shopware hat sich das Ranking leider verschlechtert. Ich schreibe das mal den Ladezeiten zu. Inzwischen ist es mir gelungen sogar den mobilen Index auf 93 zu optimieren. Doch leider bleibt die schlechte Einstufung in GSC. Hier meine Beispielseite. https://www.ledclusive.de/fluxe-35-249
Mit 93/99 (mobil/desktop) verstehe ich das schon als super schnelle Seite. Und doch….
Jemand eine Idee, welchen Hebel ich noch ansetzen kann, um hier wieder bei GSC als schnelle Seite bewertet zu werden?
Der Beitrag hier ist jedenfalls prima. Besten Dank.

Christian Wolff

Meine Homepage besteht nur aus statischen Seiten. Die Seiten werden sehr schnell geladen und es ist Lehrmaterial, welches keine Interaktion mit dem Leser vorsieht. Selbst große Seiten (46 kB) mit sehr viel Inhalt, wie
https://www.radartutorial.eu/08.transmitters/Magnetron.de.html
benötigen weniger als 0,1 Sekunden, um geladen zu werden. Deshalb berechnet Google einen zu großen FID-Wert? Benutzen die noch eine 64k-Leitung?

Google hat mir auch schon mal einen zu schlechten CLS-Wert bescheinigt, obwohl es gar kein kumulatives Layout gab. Ohne meine Seiten zu verändern, waren die Werte aber nach einigen Monaten plötzlich alle wieder o.k.

Hallo Christian,

vielen Dank für Deinen Kommentar. Das liegt vermutlich an den verwendeten Bildern. Eine Verwendung moderner Formate wie WEBP und Größenwerte für Breite und Höhe können da schon helfen.

Viel Erfolg bei der Umsetzung


Hast du eine Frage oder Meinung zum Artikel? Schreib uns gerne etwas in die Kommentare.

Ihre E-Mail Adresse wird nicht veröffentlicht

Jetzt den SEO-Küche-Newsletter abonnieren

Ähnliche Beiträge

Keine Ideen für Content? So hilft Euch Datenanalyse weiter

  • christoph pawletko
  • von Christoph
  • 14.01.2022

4 Wege, wie Dir Datenanalyse helfen kann, neue Ideen zu entwickeln und Inhalte zu optimieren Wenn Eure Konkurrenten besser ranken als Ihr, gibt es dafür wahrscheinlich einen guten Grund. Datenanalysen lassen sich sehr gut nutzen, um diese Gründe herauszufinden und neue Content-Ideen zu entwickeln, mit denen Ihr die Lücke schließen […]

Prduktseite Google Tipps für Produktbeschreibungen

Darum ranken eure Produktseiten nicht

  • christoph pawletko
  • von Christoph
  • 07.01.2022

Eigenschaften sollten auf Produktseiten auch im Text auftauchen Produktseiten enthalten in der Regel ein Produktbilder und die wichtigsten Informationen zum Produkt. Damit das Produkt bei Google auch gefunden werden kann, sollten auch alle Produkteigenschaften im Produkttext vorkommen. Nur dann kann das Produkt auch für alle wichtigen Produkteigenschaften ranken. Ein gutes […]

Digitale Inhalte Richtlinie (EU) 2019/770

Richtlinie (EU) 2019/770 (Digitale-Inhalte-Richtlinie)

  • Händlerbund
  • von Haendlerbund
  • 23.12.2021

Diese Änderungen bringt die Digitale-Inhalte-Richtlinie 2022 Im neuen Jahr kommt es zu einigen rechtlichen Änderungen im Verbrauchsgüterkauf. Der Gesetzgeber muss sich dem technischen Fortschritt anpassen und so wird es spezielle Regeln für digitale Inhalte und digitale Dienstleistungen geben. Neben der Warenkaufrichtlinie und der Umsetzung der Omnibus-Richtlinie wird im neuen Jahr […]

Titelbild Google Abstrafung

Google Abstrafung: Algorithmus-Penalty oder manuelle Maßnahme? Was tun?

  • christoph pawletko
  • von Christoph
  • 17.12.2021

So erkennt ihr, warum eure Rankings abstürzen Oft werden stärkere Änderungen in den Google Rankings gleich als Google Penalty bzw. Abstrafung bezeichnet. In den meisten Fällen liegt jedoch kein direkter Eingriff seitens Googles vor, sondern lediglich eine normale Neubewertung durch den Google Algorithmus. Eine Google Abstrafung wegen schlechter Links oder […]

Nachhaltigkeit für klimaneutrale Website

CO2-neutrale Website: Unsere Website ist klimaneutral

  • christoph pawletko
  • von Christoph
  • 08.12.2021

Die SEO-Küche als Teil der Initiative CO2 neutrale Website Nachhaltigkeit wird in allen Bereichen immer wichtiger, auch im Online-Marketing. Auch das Internet an sich verbraucht CO2, denn jede Website wird irgendwo gespeichert, jeder Server und jeder Datentransfer verbraucht Strom. Die SEO-Küche bemüht sich in allen Bereichen nachhaltig zu arbeiten, daher […]

neue Gesetze im Onlinehandel 2022

Für Onlinehandel: Gesetzesänderungen ab 2022

  • Händlerbund
  • von Haendlerbund
  • 02.12.2021

Diese Gesetzesänderungen für den Verkauf mit Verbrauchern bringt das neue Jahr Der Jahreswechsel wird gerne genutzt, um ein paar neue Gesetze auf den Weg zu bringen. Mit der Umsetzung einiger EU-Richtlinien ändert sich gerade im B2C-Bereich im Jahr 2022 einiges. Neben Änderungen im Verpackungs- und Elektrogesetz, wird im Januar die […]