Lighthouse (Google)

Google

Copyright ┬ę Shutterstock / MariaX

Was ist Lighthouse von Google?

Lighthouse von Google ist ein von Google autorisiertes Werkzeug, das urspr├╝nglich als Audit-Werkzeug zum Testen von Progressiven Web Apps (PWA) angedacht war. Neuerdings kann man mit Lighthouse allerdings auch Webseiten einem gr├╝ndlichen Test unterziehen.

Aktivieren Sie JavaScript um das Video zu sehen.
Video-Link: https://www.youtube.com/watch?v=UvK9zAsSM8Q

Voraussetzungen

Um Lighthouse nutzen zu k├Ânnen, braucht man lediglich eine aktuelle Version des Google-Webbrowsers Chrome. Dieser kann kostenlos bei Google heruntergeladen werden. Bei der Installation des Browsers wird auch gleichzeitig Lighthouse mitinstalliert. Das Tool ist seit 2018 ein fester Bestandteil der Chrome DevTools und kann direkt im Browser verwendet werden. Es erlaubt zudem die Eingabe ├╝ber eine Kommandozeile, wenn Node.js auf dem Rechner installiert ist. Lightsource ist ein Open Source Tool.

Hintergrund

Urspr├╝nglich sollte Lighthouse lediglich als Audit-Werkzeug zur ├ťberpr├╝fung von Progressiven Web Apps (PWA) dienen. In den letzten Jahren ist die Anzahl der mobilen Webuser weiterhin stetig gestiegen. Mittlerweile besteht die H├Ąlfte des Web Traffics aus Klicks, die von Nutzern stammen, welche ein Mobilger├Ąt verwenden. W├Ąhrend lange Zeit der Fokus auf adaptiven Verfahren wie etwa dem responsiven Webdesign ruhte, verlagert er sich nun mehr und mehr auf die Performance der Webseiten. Die Performance von Webseiten auf einem Mobilger├Ąt wird in Zukunft beim Page-Ranking von Google st├Ąrker gewichtet werden. Mit Lighthouse Google k├Ânnen Webdesigner k├╝nftig eine ├ťberpr├╝fung jeder beliebigen Webseite vornehmen und erhalten direkt von Google Verbesserungsvorschl├Ąge.

Anwendung von Lighthouse

Google Lighthouse steht dem Anwender schon direkt nach dem Start von Google Chrome zur Verf├╝gung. Um eine Webseite einer ├ťberpr├╝fung zu unterziehen, muss man im Webbrowser die Entwicklertools ├Âffnen. Diese befinden sich bei den Einstellungen unter dem Men├╝punkt “Weitere Tools”. Unter dem Reiter “Audits” befindet sich die Schnittstelle f├╝r Lighthouse Google. Um eine Webseite zu testen, muss man lediglich auf den Button “Perform an audit” klicken. Anschlie├čend kann man ausw├Ąhlen, welche Faktoren getestet werden sollen. Zur Auswahl stehen die Pr├╝fkriterien Performance, Progressive Web App, Best Practices, Accessibility und SEO.

Performance von Lighthouse

Bei der Messung der Performance zeigt Lighthouse ausf├╝hrlich auf, wie lange es dauert, bis die einzelnen Elemente der Webseite im Browser auftauchen. Ebenfalls wie viele Millisekunden vergehen, bis die steuerbaren Elemente der Webseite f├╝r den Nutzer zur Verf├╝gung stehen. Das ist besonders f├╝r Nutzer von Mobilger├Ąten wichtig, die in der Regel nicht lange warten wollen, ehe sie eine Webseite benutzen k├Ânnen. F├╝nf Merkmale stechen bei der Performance-Pr├╝fung heraus:

Dies ist die Messung der Zeit, bis alle Hauptelemente der jeweiligen Seite f├╝r den Nutzer sichtbar sind.
Die gemessene Zeit, bei der zum ersten Mal die steuerbaren und interaktiven Elemente vom Nutzer aufgerufen werden k├Ânnen.
Dies ist die Zeitdauer, die ben├Âtigt wird, bis man vollst├Ąndig mit der Webseite interagieren kann.
Hierbei wird gemessen, wie viel Zeit vergangen ist, bis alle Inhaltsmedien die notwendigen Informationen enthalten.
Die Latenzzeit, die die Webseite ben├Âtigt, um auf eine Eingabe des Nutzers zu reagieren.

Progressive Web App

Der Progressive-Web-App-Check untersucht bei Lighthouse Google, ob Service Worker verwendet werden und eine Offline-Funktionalit├Ąt gegeben ist. Ebenfalls werden alle Kriterien gepr├╝ft, die f├╝r eine gute PWA notwendig sind. Google hat diese in einer eigenen Checkliste festgehalten.

Best Practices

Lighthouse Google f├╝hrt 16 Tests bei diesem Pr├╝fkriterium durch. Tests k├Ânnen dabei entweder bestanden werden oder nicht. Eine Punkte-Wertung findet nicht statt. Hierzu z├Ąhlt etwa, ob die Webseite HTTP/2 verwendet f├╝r seine eigenen Ressourcen, ob Anfragen zu Standort oder allgemeine Benachrichtigungen vermieden werden und ob Browserfehler in der Konsole verzeichnet werden.

Accessibility

Der Accessibility-Test pr├╝ft bei Lighthouse Google, ob die Webseite f├╝r Menschen mit Beeintr├Ąchtigungen optimiert wurde. Beispielsweise ob ein Bildschirmvorleser Teile der Webseite vorlesen kann oder nicht. Aus den 35 verschiedenen Tests wird dann ein Durchschnitt ermittelt. Wie bei der PWA-Pr├╝fung wertet Lighthouse Google den Test entweder als bestanden oder als nicht bestanden.

SEO

Der SEO-Pr├╝fteil wurde von Google erst nach der Ver├Âffentlichung des Tools hinzugef├╝gt und d├╝rfte k├╝nftig noch um einige Testpunkte erweitert werden. Lighthouse Google pr├╝ft, ob eine Webseite suchmaschinenfreundlich gestaltet ist. Jedem der zehn Pr├╝fkriterien werden 10 Punkte zugeteilt, sodass ein perfekter Score gegenw├Ąrtig 100 Punkte betr├Ągt. Es wird zum Beispiel gepr├╝ft, ob der verwendete Font lesbar ist, ob das Seitendokument eine Meta-Beschreibung enth├Ąlt, ob es ein Element besitzt und ob die Webseite auf Plugins verzichtet.

Bedeutung f├╝r die Suchmaschinenoptimierung

K├╝nftig wird Google beim Ranking von Webseiten in der beliebten Suchmaschine auch die Ladegeschwindigkeit bei mobilen Ger├Ąten zu einem Faktor machen. Lighthouse Google ist insofern ein wichtiges Werkzeug f├╝r Webadministratoren, die sicherstellen wollen, dass ihre Webseite auch k├╝nftig immer noch in den Suchergebnissen auf den vorderen Pl├Ątzen landet. Bereits seit 2010 gilt diese Regelung schon f├╝r Desktop-User und wird nun auf Mobilger├Ąte ausgeweitet.

FAQ

Wof├╝r eignet sich Google Lighthouse?

Google Lighthouse kann f├╝r den Nutzer Seiten pr├╝fen und helfen, diese zu verbessern.

Fazit

Lighthouse Google ist f├╝r Webdesigner ein sehr n├╝tzliches Open-Source Tool, das schnell aufzeigt, wie gut eine Webseite gestaltet wurde. Zu jedem der einzelnen Pr├╝fpunkte gibt es einen detaillierten Bericht, der die jeweiligen Verbesserungsvorschl├Ąge aufzeigt. Die Entwicklung an Lighthouse Google ist noch lange nicht abgeschlossen und so d├╝rften in Zukunft weitere Verbesserungen und Pr├╝fkriterien hinzukommen.

Hinweis

Wenn Sie noch weiter Informationen bez├╝glich des Themas Open Source ben├Âtigen, k├Ânnen Sie sich gerne auf unserem Glossar dar├╝ber oder auch ├╝ber andere Themen weiterbilden.


Sie haben noch Fragen?

Kontaktieren Sie uns

Kostenloser SEO-Check der OSG


Weitere Inhalte