Website-Performance: PageSpeed Insights verstehen

PageSpeed Insights von Google ist ein Tool, das die Performance deiner Website-Seite sowohl für Desktop-Computer als auch für Mobilgeräte testet. Dieses Tool verwendet den Bericht zum Chrome-Nutzererlebnis (CrUX), um die Performance echter Besucher zu analysieren, und Google Lighthouse, um deiner Seite eine Leistungsbewertung zu geben.

Wenn du deine Bewertung von PageSpeed Insights überprüfst, kannst du je nach Website und Bedarf verschiedene Arten von Daten einsehen. Die Seiten deiner Website verfügen über separate Berichte für Mobilgeräte und Desktop, da das Erlebnis deiner Besucher je nach Gerät, das sie zur Ansicht der Website verwenden, variieren kann.

PageSpeed Insights von Google verfügt über zwei verschiedene Abschnitte, die jeweils einen eigenen Zweck erfüllen:

Das Core Web Vitals Assessment ermöglicht es dir, die durchschnittlichen Metriken für den vergangenen Zeitraum von 28 Tagen einzusehen. Alle Änderungen an deiner Website wirken sich jeden Tag schrittweise auf die Metriken aus, bis die volle Auswirkung innerhalb von 28 Tagen gemessen werden kann.

Felddaten bieten die genaueste Messung der Performance deiner Website und zeigen Performance-Verbesserungen auf, die du auf deiner Website vornehmen kannst. Der Abschnitt Erfahre hier mehr darüber, was deine echten Nutzer erleben zeigt Performance-Metriken an, die von tatsächlichen Besuchern deiner Website gesammelt wurden.

Das Core Web Vitals Assessment wird monatlich freigegeben, daher kann es einige Zeit dauern, bis Verbesserungen in den PageSpeed Insights erscheinen. Die Felddaten werden aus jeder Chrome-Session von Besuchern gesammelt, die sich nicht gegen das Melden an Google entschieden haben.

Die Ergebnisse deines Core Web Vitals Assessment, die im letzten 28-tägigen Zeitraum der Sammlung erfasst wurden, können je nach verwendeten Geräten und der Netzwerkverbindung variieren.

Die Core Web Vitals sind ein wichtiger Indikator für die Performance deiner Website und einer der vielen Messwerte, die zur Bestimmung deiner SEO-Platzierung verwendet werden.

Der SEO-Boost für die Performance wird separat auf Mobil- und Desktop-Seiten angewendet. Jede Mobilseite und jede Desktop-Seite kann bis zu drei Boosts erhalten, einen für jeden Core Web Vital:

Zum Beispiel könnte eine Mobilseite einen teilweisen SEO-Boost für LCP und INP, aber einen vollständigen Boost für CLS erhalten.

Während die Desktop-Version derselben Seite einen vollständigen SEO-Boost für jede Metrik erhält: LCP, INP und CLS.

Deine Bewertung der Core Web Vitals wird als „Fehlgeschlagen“ angezeigt, es sei denn, du erhältst für alle drei Core-Web-Vital-Metriken die Bewertung „Gut“. Das bedeutet nicht, dass die Seite keinen Boost erhalten hat, da jede Metrik unabhängig voneinander zu einem Boost beiträgt.

Die Google Suche ist immer bestrebt, die relevantesten Inhalte anzuzeigen, selbst wenn das Nutzererlebnis auf der Seite unterdurchschnittlich ist. Für die meisten Suchanfragen sind viele hilfreiche Inhalte verfügbar, sodass ein hervorragendes Nutzererlebnis auf der Seite zum Erfolg bei der SEO-Platzierung beitragen kann.

Inhalte bleiben der wichtigste Faktor für die Aufrechterhaltung deiner SEO-Bewertung. Wir empfehlen dir, die Inhalte deiner Website zu optimieren und die Meta-Tags deiner Seite zu aktualisieren. Erfahre hier mehr über SEO-Verfahrensregeln.

Um deine Leistungsbewertung zu generieren, verwendet Google Lighthouse, ein quelloffenes, automatisiertes Tool zur Verbesserung der Qualität deiner Webseiten. Jedes Mal, wenn eine Seite in PageSpeed Insights analysiert wird, schätzt Google die Bewertung basierend auf simulierten Umgebungen:

Google Lighthouse, das Tool, das die Leistungsbewertung berechnet, simuliert das Laden auf einem Mobilgerät unter den Bedingungen eines Geräts der mittleren Stufe (Moto G4) in einem langsamen Netzwerk (4G). Für Desktop-Computer wird ein emulierter Desktop-Computer mit einer kabelgebundenen Verbindung simuliert.

Die unterschiedlichen Bewertungen für Mobilgeräte und Desktop-Computer sind auf die variierende Verarbeitungsleistung der simulierten Umgebungen zurückzuführen.

PageSpeed wird zudem in einem Rechenzentrum von Google ausgeführt, das je nach Netzwerkbedingungen variieren kann. Du kannst herausfinden, wo der Test durchgeführt wurde, indem du den Standort im Block für die Umgebung im Lighthouse-Bericht überprüfst.

Die mobile Ansicht der Website weist im Vergleich zur Desktop-Ansicht oft eine langsamere Performance auf, was auf Faktoren wie größere Bilder, Animationen oder Skripte von Drittanbietern zurückzuführen ist. Um die Geschwindigkeit deiner mobilen Ansicht der Website zu verbessern, verwende leichtgewichtige Bildformate wie WebP oder AVIF und vermeide Animationen in Inhalten „above-the-fold“ (ohne Scrollen sichtbar). Die Einschränkung der Verwendung individueller Schriftarten und das Beibehalten von Standardschriftarten kann die Performance ebenfalls steigern. Vereinfache dein mobiles Layout, indem du unnötige Elemente mithilfe des Mobile-Editors ausblendest. Diese Schritte können dazu beitragen, dass deine Website Mobilnutzern ein reibungsloses und optimiertes Erlebnis bietet.

Eine Startseite mit zu vielen Elementen kann die Ladegeschwindigkeit negativ beeinflussen. Um das Laden deiner Startseite zu beschleunigen, versuche, die Anzahl der Bilder und Videos zu reduzieren oder verschiebe nicht essenzielle Abschnitte auf separate Seiten. Das Erstellen einer vereinfachten Version der Startseite kann ebenfalls einen großen Unterschied bei der Performance machen. Die Aktivierung der Zwischenspeicherung verbessert die Ladegeschwindigkeit bei wiederholten Besuchen weiter. Die Vereinfachung deiner Startseite bietet nicht nur ein besseres Nutzererlebnis, sondern hilft auch dabei, Besucher durch eine klarere und fokussiertere User Journey zu führen.

Der Largest Contentful Paint (LCP) misst die Zeit, die das größte sichtbare Element, wie zum Beispiel ein Hero-Bild oder ein Text in der Kopfzeile, benötigt, um im Viewport des Nutzers geladen zu werden. Um deinen LCP-Wert zu verbessern, kannst du das größte Element optimieren, indem du die Größe von Hero-Bildern oder System-Schriftarten für große Texte reduzierst. Darüber hinaus kann das Platzieren von schweren Inhalten wie Videos oder Animationen unterhalb des Seitenumbruchs (Below the Fold) und das Implementieren von Lazy Loading für nicht kritische Bilder die Geschwindigkeit und Effizienz deiner Website erheblich steigern.

Die Blocking Time bezieht sich auf Verzögerungen, die durch die Ausführung von JavaScript oder Skripte von Drittanbietern verursacht werden, was deine Website weniger reaktionsfähig machen kann. Das Minimieren oder Entfernen unnötiger Apps oder Skripte von Drittanbietern ist eine Möglichkeit, die Blocking Time zu reduzieren. Verwende nach Möglichkeit die integrierten Tools von Wix anstelle von externem Code. Für alle nicht kritischen Skripte kannst du das Attribut defer im Bereich für benutzerdefinierten Code hinzufügen, um sicherzustellen, dass andere Assets der Website zuerst geladen werden. Durch die Reduzierung der Blocking Time kannst du die Reaktionsfähigkeit deiner Website und das allgemeine Nutzererlebnis verbessern.

Die Website-Geschwindigkeit kann manchmal auch nach einer Optimierung schwanken. Diese Schwankungen werden oft durch Faktoren wie die Antwortzeit des Servers, den Standort der Besucher oder zwischengespeicherte Inhalte verursacht. Um eine konsistente Performance aufrechtzuerhalten, verwende ein Content Delivery Network (CDN), um Inhalte weltweit bereitzustellen, und überprüfe die Geschwindigkeit deiner Website regelmäßig über die Website-Geschwindigkeits-Verwaltung von Wix. Überprüfe zusätzlich Apps oder Skripte von Drittanbietern, die Verzögerungen verursachen könnten. Es kann bis zu drei Wochen dauern, bis Geschwindigkeitsmetriken die neuesten Updates widerspiegeln. Daher ist es wichtig, geduldig zu bleiben, während du die Auswirkungen deiner Optimierungen beobachtest.

Klicke unten, um Antworten auf häufig gestellte Fragen zu Berichten von PageSpeed Insights zu erhalten.