So analysieren Sie Ergebnisse von Google PageSpeed Insights
Veröffentlicht: 2020-12-02
Da Google schnellen Websites einen Ranking-Boost geben wird, möchten Sie wahrscheinlich mehr über Google PageSpeed Insights erfahren?
…Und ich bin nicht überrascht, weil es verwirrend ist!
Dieser Artikel wird helfen.
Warum ist die Seitengeschwindigkeit einer Website wichtig?
Google möchte den Nutzern das bestmögliche Nutzererlebnis bieten.
Wenn Ihre Website langsam ist, wird dies die Benutzer frustrieren und zu einer schlechten Benutzererfahrung führen. So einfach ist das. Leistung wirkt sich auf die Erfahrung aus.
Google hat kürzlich angekündigt, dass die Core Web Vitals im Jahr 2021 als Teil ihres Ranking-Algorithmus verwendet werden. Diese Core Web Vitals sind Indikatoren für die Geschwindigkeit und wie schnell Menschen mit Ihrer Seite interagieren können.
Grundsätzlich können Sie für diese Tabelle unten nicht "rot" sein.
Was ist Google PageSpeed Insights?
Es ist ein kostenloses Tool von Google, mit dem Sie eine Webseiten-URL eingeben und schnell einen Test durchführen können, um die verschiedenen Metriken in Bezug auf die Leistung zu überprüfen.
Das Tool gibt Ihrer Seite dann eine Punktzahl zwischen 0 und 100 Punkten. Bei der Punktzahl geht es nicht wirklich um Geschwindigkeit. Sie können eine verbesserte Punktzahl erzielen, wenn Sie die typischen Empfehlungen von Google zur Verbesserung der Geschwindigkeit verwendet haben.
Es zeigt Ihnen auch die genauen Parameter, die Ihre Seite verlangsamen, sowie Vorschläge, wie Sie sie verbessern können.
Hier wird es technisch und die Ergebnisse etwas schwer verständlich.
Wie interpretieren Sie die Ergebnisse?
Das erste, was Sie nach dem Ausführen eines Tests sehen, ist der Leistungswert (Desktop und Mobil) für die analysierte Seite.
Dies ist eine Zahl zwischen 0 und 100.
- 0 bis 49 – Das ist schlecht, Sie möchten nicht, dass Ihre Punktzahl 49 oder weniger beträgt
- 50 bis 89 – Das ist ok, aber verbesserungswürdig
- 90 bis 100 – Wenn Sie in dieser Größenordnung sind, stehen Sie in den guten Büchern.
Wenn Sie nach unten scrollen, sehen Sie, was eine hohe oder niedrige Punktzahl verursacht:
Hinweis: Siehe Farbindikatoren vor jedem Abschnitt:
- Grün bedeutet schnell
- Orange bedeutet moderat
- Rot bedeutet langsam
Das bedeutet jeder dieser Abschnitte:
Erste zufriedene Farbe
Dies ist die Zeit, die von der Navigation zu einer Seite aus dem Browser bis zu dem Zeitpunkt vergeht, an dem der Inhalt wiedergegeben wird.
Im Grunde ist es ein Indikator dafür, dass die Seite zu laden beginnt.
Beispielsweise könnte es sich nur um eine Farbänderung handeln, die die Hintergrundfarbe der Seite, ein angezeigtes Bild oder einen Textabschnitt darstellt.
Dies ist wichtig, denn wenn ein Benutzer eine Aktion sieht, wartet er eher, bis die Seite vollständig geladen ist.
Richtlinie:
Zeit für Interaktivität
Dieser Parameter zeigt, wie schnell eine Seite interaktiv wird.
Dies bedeutet, dass eine Seite genügend Elemente auf dem Bildschirm anzeigt, sodass Benutzer tatsächlich damit interagieren können, z. B. auf eine Menüschaltfläche klicken.
Manchmal können sich Websites auf die Sichtbarkeit konzentrieren, dh alles angezeigt bekommen, bevor Sie mit dem Inhalt interagieren können, was für den Benutzer frustrierend sein kann.
Richtlinie:
Gesamtsperrzeit
Es gibt eine Lücke zwischen dem Zeitpunkt, zu dem Ihr Website-Besucher Inhalte auf dem Bildschirm sieht, und dem Zeitpunkt, zu dem er damit interagieren kann.
Dies ist die gesamte Sperrzeit!
Es ist gut zu wissen, ob Benutzer Dinge wie Mausklicks, Bildschirmberührungen oder das Drücken von Schlüsselwörtern nicht ausführen können, bevor die Website interaktiv ist.
Lange Aufgaben sind Aufgaben, die Sie länger als 50 ms blockieren.
Alles über 50 ms gilt als Sperrzeit.
Wenn es keine langen Aufgaben gibt, sehen Sie 0 Blockierzeit, was Sie in den Statistiken oben sehen.
Kumulative Layoutverschiebung
Eine Layoutverschiebung liegt vor, wenn ein visuelles Element auf dem Bildschirm angezeigt wird, sich dann aber bewegt.
Sie lesen beispielsweise die Nachrichten und es gibt eine Layoutverschiebung, sodass sich der Ort, an dem sich der Nachrichtenartikel befindet, geändert hat.
Dies ist aus Sicht eines Benutzers ein unerwartetes Verhalten.
Je höher die Punktzahl, desto schlechter ist es.
Geschwindigkeitsindex
Dies ist schwierig zu verstehen, aber wertvoll.
Stellen Sie sich also 2 Websites vor, die beide in 1,5 Sekunden geladen werden.
Wenn Sie die beiden im obigen Bild gezeigten Websites durchsuchen würden, welche würde schneller laden?
Beide wurden in 1,5 Sekunden vollständig geladen, aber da die erste Seite einige Elemente früher anzeigte, schien sie dem Benutzer schneller zu sein.
Wenn Sie nur die Ladezeit messen, sind sie gleich.
Der Geschwindigkeitsindex ist ein berechneter Wert, der darauf basiert, wie „schnell“ eine Website vollständig geladen wird.
Eine Videoaufzeichnung der Ladung wird verwendet, um visuell zu zeigen, wann Bits geladen werden.
In verschiedenen Intervallen wird die Menge des auf dem Bildschirm sichtbaren Inhalts (above the fold) mit dem Inhalt verglichen, der auf einer vollständig geladenen Website angezeigt wird, um den Prozentsatz des angezeigten Inhalts für diese bestimmte Zeit zu ermitteln.
Dieser Vorgang wird einige Male wiederholt.
Die Zeit basiert nur auf dem, was der Benutzer auf dem Bildschirm (dem Ansichtsfenster) sehen kann. Es spielt keine Rolle, was unter der Falte ist.
Es ist also gut, es mit verschiedenen Ansichtsfenstern zu versuchen.
Wenn Sie 2 Websites haben und eine visuelle Elemente vor der anderen anzeigt, wird dies zu einem niedrigeren Geschwindigkeitsindexwert führen.
Je niedriger desto besser.
Größte zufriedene Farbe
Dies ist die Zeit, die das größte Element der Seite benötigt, um vollständig gerendert zu werden.
Wenn die Seite geladen wird, wird das erste Element zum größten Element, aber dieses wird ersetzt, wenn größere Elemente hinzugefügt werden.
Das letzte Element einer Seite kann das größte Element der Seite sein (z. B. ein großes Bild) oder auch nicht.
Hinweis: Wir sprechen nicht darüber, wie viel Platz es auf dem Bildschirm einnimmt.
Hier sind 2 Beispiele.
Die Zeit vom Beginn der Anzeige der Website bis zum Zeitpunkt der Anzeige des letzten Bildes auf der Seite würde als größte inhaltsreiche Farbe angesehen. Dies liegt daran, dass das Bild den meisten Platz auf der Seite einnimmt!
Aber…
Im Fall unten war das „Instagram“-Bild das größte angezeigte Bild, also ist die größte Inhaltsfarbe, wenn der vorletzte Bildschirm geladen wurde.
Der letzte Bildschirm wird abgezinst. Alles, was zu diesem Bildschirm hinzugefügt wurde, war die „Google Play-Schaltfläche“, die ein kleineres Bild als das „Instagram“-Bild war.
Wenn Sie eine gute Benutzererfahrung bieten möchten, sollte LCP laut Google innerhalb von 2,5 Sekunden nach dem ersten Laden der Seite erfolgen.
Richtlinie:
Gelegenheiten
Der Abschnitt "Werbechancen" zeigt Ihnen die Vorschläge, die dazu beitragen könnten, die Ladezeit der Seite zu verbessern.
Jeder Vorschlag zeigt auch die geschätzte Reduzierung der Ladezeit für die Seite, wenn Sie die Empfehlung umgesetzt haben.
Diagnose
Diagnostics hebt Best Practices in der Webentwicklung hervor, die Sie implementieren sollten.
Aber selbst wenn Sie diese Verbesserungen vornehmen, wirken sie sich nicht direkt auf Ihre Seitenleistung aus.
Zusammenfassung
Bei der Verbesserung der Geschwindigkeit Ihrer Website geht es darum, den Besuchern ein besseres Erlebnis zu bieten. Eine Website, die schnell geladen wird, macht sowohl Benutzer als auch Suchmaschinen zufriedener, wirkt sich aber auch auf Ihre Fähigkeit aus, Besucher in Kunden umzuwandeln.
Ein Tool wie Google PageSpeed Insights ist unglaublich nützlich, da es Ihnen zeigt, wo Sie anfangen und auf welche Probleme Sie sich konzentrieren müssen, um die Leistung Ihrer Website zu steigern.
Hoffentlich hat Ihnen dieser Artikel geholfen zu verstehen, wie dieses Tool funktioniert und was die Testergebnisse tatsächlich bedeuten, damit Sie mit der Optimierung Ihrer Webseiten beginnen können, um Ihren Besuchern ein erstaunliches Erlebnis zu bieten.