Nils Langner Selbstständig

Auch wenn Google Lighthouse das Google-PageSpeed-Tool augenscheinlich verdrängt hat, lebt PageSpeed grundsaniert und mit neuen Features wie Filmstrips und Metriken weiter im Performancetab von Lighthouse.

Joe Ray Gregory Selbstständig

Durch Lighthouse gibt es nun ein Tool, das wirklich jedem eine schnelle Testmöglichkeit von Webapplikationen im Browser bereitstellt.

Jahrelang haben Webentwickler den Google-PageSpeed-Score genutzt, um ihre Webseiten schneller und besser zu machen und ihren Chefs und anderen Verantwortlichen von ihren Fortschritten zu berichten. Das Ende des Jahres 2018 war auch das Ende des Scores. Google stoppte die Weiterentwicklung an PageSpeed. Glücklicherweise bieten sie aber ein neues, viel mächtigeres Tool an: Google Lighthouse.

Wer Google PageSpeed verwendet hat, weiß, dass es sich hierbei nicht um ein Tool handelt, das tatsächlich die Geschwindigkeit der Webseite misst. Es überprüft vielmehr technische Eigenschaften einer Seite, auf die man als Webentwickler achten sollte. So wurden zum Beispiel große Bilder oder zu geringe Cachezeiten bei statischen Elementen moniert. Ob die Seite dadurch langsam ist, wurde nicht bewertet. Vielmehr wurde das Potenzial aufgezeigt, das noch in der Seite steckt. Genauso ist es mit Google Lighthouse. Es ist ein Werkzeug, das HTML-Seiten auf technische Eigenschaften untersucht und Verbesserungsvorschläge macht. Diese beziehen sich dann auf die Bereiche Performance, Progressive Web Apps, SEO, Accessibility und Best Practices.

Google Lighthouse ist ein Open-Source-Projekt, an dem jeder mitentwickeln kann. Die Installation ist dabei denkbar einfach, da es sich in den meisten Fällen bereits auf dem Computer be ndet; jeder aktuelle Chrome-Browser bringt Lighthouse mit. Zu finden ist es in der Entwicklerkonsole im Reiter Audits. Dort sieht man sofort den Leuchtturm, den sich das Projekt als Metapher zu eigen gemacht hat: „lighthouse: a tool containing a beacon light to warn or guide web developers“.

Wer keinen Google-Browser nutzt, muss aber nicht auf die Audits verzichten. Google hat seinen alten PageSpeed Service so angepasst, dass er die Daten von Lighthouse generieren lässt. Lighthouse as a Service ist also bereits nutzbar. Das Entwicklerteam stellt ebenfalls ein sehr einfach zu verwendendes npm-Paket zur Verfügung, das auf jedem Rechner läuft. Dafür muss Node.js installiert sein. Der große Vorteil hierbei ist, dass man Lighthouse lokal laufen lassen und es somit in jegliche Continuous-Integration-Umgebungen eingebunden werden kann, um kontinuierlich die Frontend-Qualität seiner Webprojekte testen zu lassen. Dies war mit dem PageSpeed-Score erst möglich, wenn die Seite öffentlich erreichbar war.

Den vollständigen Artikel lesen Sie in der Ausgabe:

PHP Magazin 3.19 - "PHP 5.x und PHP 7.x"

Alle Infos zum Heft
579883309Google Lighthouse, der Nachfolger von Google PageSpeed
X
- Gib Deinen Standort ein -
- or -