Google PageSpeed ​​Insights vs. Lighthouse: Was misst die Website-Performance am besten?

Was ist Seitengeschwindigkeit?

Die Seitengeschwindigkeit ist die Zeitspanne zwischen dem Senden einer Anfrage zum Zugriff auf eine Seite durch einen Browser und dem Rendern des Inhalts durch die Seite. Seiten bestehen aus vielen sichtbaren und unsichtbaren Komponenten (Bilder, Text, Tracker, Plugins usw.) mit unterschiedlichen Ladezeiten und Benutzerzwecken. Google unterteilt die Seitengeschwindigkeit in spezifische Metriken, die Lademeilensteine ​​messen, wie z. B. das erste inhaltsvolle Malen und die Zeit bis zur Interaktion.

Die Seitengeschwindigkeiten schwanken, wenn Ihre Website wächst, sich die Technologie ändert und sich Webstandards weiterentwickeln. Es kann sich darauf auswirken, wie Besucher Ihre Website nutzen und sogar, ob sie konvertieren. Daher sollte das Verfolgen von Seitengeschwindigkeiten ein grundlegender Bestandteil Ihres regelmäßigen Prozesses zur Überwachung des Zustands Ihrer Website sein.

Aber was ist das beste Pagespeed-Tracking-Tool?

Google bietet zwei offizielle Optionen an: Google PageSpeed ​​Insights und Lighthouse. Beide sind kostenlose, leistungsstarke Tools, die entwickelt wurden, um digitalen Vermarktern und Entwicklern dabei zu helfen, die Seitengeschwindigkeit ihrer Website zu optimieren – mit einigen wichtigen Unterschieden zwischen ihnen. Lassen Sie uns PageSpeed ​​Insights mit Lighthouse vergleichen und besprechen, was Sie über das Tracking und die Verbesserung der Seitengeschwindigkeit wissen müssen.

Was ist Google PageSpeed ​​Insights?

Google PageSpeed ​​Insights (PSI) ist ein kostenloses Tool, das die Seitengeschwindigkeitsmetriken auf Desktop- und Mobilgeräten anhand von realen und Labordaten misst. Real-World-Daten (auch „Felddaten“ genannt) sind 28-Tage-Aggregate, die aus dem Chrome User Experience Report gezogen werden, während Labordaten mithilfe der Lighthouse-API berechnet werden.

PSI ist für jeden einfach zu verwenden: Gehen Sie einfach zu https://pagespeed.web.dev/, geben Sie eine URL ein und warten Sie einen Moment, bis die API einen Bericht generiert. Sie können sehen, wie die URL im Vergleich zu den Core Web Vitals von Google abschneidet, detaillierte Geschwindigkeitsmetriken bewerten und eine allgemeine Website-Leistungsbewertung erhalten.

Die Leistungsbewertung ist a gewichteter Durchschnitt jeder Geschwindigkeitsmesspunktzahl. Es ist wie eine Gesamtnote, aber kein Maß für alles. Die Prozentsätze in Klammern unten geben die Gewichtung an, die jeder Metrik bei der Berechnung der Leistungsbewertung beigemessen wird.

• First Contentful Paint: (10 %) Wie lange es dauert, bis das erste Bild oder der erste Textblock vollständig geladen ist.
• Geschwindigkeitsindex: (10 %) Die durchschnittliche Zeit, die zum Laden sichtbarer Inhalte benötigt wird, bis der Bildschirm vollständig ist.
• Largest Contentful Paint: (25 %) Wie lange es dauert, bis das größte Bild oder der größte Textblock vollständig geladen ist.
• Time to Interactive: (10 %) Wie lange es dauert, bis eine Seite vollständig interaktiv wird.
• Gesamtblockierungszeit : (30 %) Der Zeitunterschied zwischen First Contentful Paint und Time to Interactive, während dessen eine Seite für Benutzereingaben blockiert ist. (Mit anderen Worten, der Zeitunterschied zwischen dem Zeitpunkt, zu dem etwas zum ersten Mal auf dem Bildschirm erscheint, und dem Zeitpunkt, zu dem der Benutzer tatsächlich darauf klicken kann.)
• Kumulative Layout-Verschiebung: (15 %) Ein Maß für unerwartete Layout-Verschiebungen, dh das Laden von Inhalten in der falschen Reihenfolge, wodurch andere Inhalte neu organisiert oder auf der Seite nach oben oder unten verschoben werden.

Machen Sie sich keine allzu großen Sorgen, wenn die Leistungsbewertung Ihrer Website nicht perfekt ist oder wenn einige Ihrer Messwerte niedrig erscheinen. Geschwindigkeitsmesswerte können abhängig von einigen Faktoren, auf die Sie keinen Einfluss haben, schwanken. Denken Sie daran, dass diese Metriken eine Ansammlung von Daten sind und die tatsächlichen Erfahrungen von Benutzer zu Benutzer variieren.

Sie können jedoch Ihre Leistungsbewertung maximieren und die Seitengeschwindigkeit verbessern, indem Sie sich auf die Abschnitte "Werbechancen und Diagnose" am Ende des Berichts konzentrieren. Diese Abschnitte enthalten Empfehlungen für bestimmte Maßnahmen, die die Geschwindigkeitsmetriken verbessern können, obwohl sie möglicherweise die Hilfe eines SEO-Webentwicklers zur Implementierung erfordern.

Was ist Google Lighthouse?

Google Lighthouse ist ein kostenloses Open-Source-Tool, das Site-Audits durchführen kann, um viele verschiedene Metriken zu messen. Zusätzlich zur Bewertung der Seitengeschwindigkeit kann Lighthouse bewerten, wie gut eine Website modernen Webentwicklungsstandards entspricht, den Grad der Zugänglichkeit einer Website, die Crawlbarkeit und mehr.

Lighthouse verwendet ausschließlich Labordaten, was bedeutet, dass Audits in einer kontrollierten, vordefinierten Umgebung durchgeführt werden – nicht aus tatsächlichen Benutzerdaten.

Es gibt verschiedene Möglichkeiten, auf den Geschwindigkeitstest von Google Lighthouse zuzugreifen. Die einfachste Möglichkeit für Nicht-Entwickler, Lighthouse zu verwenden, ist die Chrome-Browsererweiterung, obwohl die Erweiterung Seiten mit Cookie-Authentifizierung nicht alleine prüfen kann. Entwickler können Chrome DevTools für vollständigen Zugriff verwenden.

Ihr Lighthouse-Bericht enthält Informationen über:

• Leistung: Leistungsprüfungen messen dieselben Geschwindigkeitsmetriken wie PSI und liefern darüber hinaus detailliertere Entwicklungsdaten.
• Best Practices: Best Practices-Audits betrachten den allgemeinen „Codezustand“ einer Website im Vergleich zu modernen Entwicklungsstandards, einschließlich Sicherheitsstandards.
• Zugänglichkeit: Es ist unmöglich, die Zugänglichkeit des Webs in einer einzigen Punktzahl zu destillieren, daher suchen Zugänglichkeitsprüfungen nach verschiedenen Verbesserungsmöglichkeiten in Design, Benutzeroberflächen, Sprache, Entwicklung und anderen Bereichen.
• SEO: Audits zur Suchmaschinenoptimierung (SEO) bieten einen grundlegenden Test, um zu überprüfen, ob Suchmaschinen Ihre Seite problemlos crawlen können.
• Progressive Web App: Wenn Ihre Website eine Progressive Web App ist, misst diese Prüfung ihre allgemeine Geschwindigkeit, Zuverlässigkeit und Installierbarkeit.

Was sind Lighthouse Stack Packs?

Stapelpakete sind eine der neuesten Funktionen von Lighthouse. Mit Stack Packs können Entwickler Stack-basierte Empfehlungen anzeigen, je nachdem, welche Stacks eine Seite verwendet. Diese Empfehlungen sind relevanter als die allgemeinen Standardempfehlungen von Lighthouse, die nicht mit jedem Tool und jeder Plattform kompatibel sind. Neue Stack Packs werden häufig veröffentlicht, also besuchen Sie das offizielle Github-Repository, um mehr zu erfahren.

Google PageSpeed ​​Insights vs. Leuchtturm

Google PageSpeed ​​Insights kombiniert reale Benutzer- und Labordaten, um einen gründlichen, leicht verständlichen Überblick über die Geschwindigkeit einer Seite zu geben. Lighthouse ist auf Entwickler ausgerichtet und sammelt Labordaten aus Audits, die alles von der Seitenladegeschwindigkeit bis zur Websicherheit abdecken. Beide geben Verbesserungsvorschläge.

Google PageSpeed ​​Insights vs. Lighthouse: Übersicht

Wann sollten Sie Google PageSpeed ​​Insights verwenden?

Verwenden Sie PSI, wenn Sie ein klares Verständnis der Geschwindigkeit einer URL und spezifische Verbesserungsempfehlungen wünschen, die Sie selbst implementieren oder an einen Entwickler weiterleiten können.

Wann Sie Google Lighthouse verwenden sollten

Verwenden Sie Lighthouse, wenn Sie ein Entwickler (oder Nicht-Entwickler mit einigen Entwicklerkenntnissen) sind und einen tiefen Einblick in viele verschiedene Website-Metriken jenseits der Seitengeschwindigkeit erhalten möchten. Stack Packs können dazu beitragen, maßgeschneiderte Empfehlungen zu geben, als die von Lighthouse angebotenen Standardpakete.

Wollen Sie die besten Daten? Verwenden Sie sowohl PageSpeed ​​Insights als auch Lighthouse

PSI und Lighthouse haben jeweils ihre Stärken und Einschränkungen – aber sie sind am effektivsten, wenn sie zusammen verwendet werden, um ein vollständiges Bild Ihrer Website zu erstellen.

Während Lighthouse einen breiteren Überblick über Daten bietet, erhalten Sie mit PageSpeed ​​Insights einen realistischeren Einblick in die Leistung von Webseiten für tatsächliche Benutzer. Verwenden Sie beide, um Empfehlungen zur Verbesserung der Front- und Backends Ihrer Website zu erhalten. Je mehr Daten Sie zur Verfügung haben, desto effektiver werden Ihre Standortanpassungen sein.

Nutzen Sie Google Tools optimal mit unserem kostenlosen E-Book

Wenn Sie eines aus diesem Artikel mitnehmen, sollte es sein, dass die Seitengeschwindigkeit wichtig ist – und viel komplexer, als es auf der Oberfläche scheint. So wie es nicht nur eine Möglichkeit gibt, die Geschwindigkeit einer Website zu steigern, gibt es nicht nur eine Möglichkeit, die Suchmaschinenleistung Ihrer Website zu steigern – oder sogar ein bestes Google-Tool, um Daten zu verfolgen.

Die Optimierung Ihrer Website erfordert das Jonglieren mit vielen Daten und das Navigieren durch komplizierte Tools. Um die Dinge einfacher zu machen, laden Sie unser kostenloses E-Book Google Tools for SEO herunter.

Ein Leitfaden für Google Tools für SEO

Laden Sie diesen Leitfaden herunter, um zu erfahren, wie Sie die kostenlosen, leistungsstarken Tools von Google optimal nutzen können, um Ihre SEO-Prozesse und -Leistung zu verbessern.