© Vik Y/Shutterstock.com
Mobile Technology
Google Lighthouse als Nachfolger von Google PageSpeed

Der Leuchtturm weist den Weg

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.

Nils Langner, Joe Ray Gregory


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 (siehe GitHub Repository [1]). Die Installation ist dabei denkbar einfach, da es sich in den meisten Fällen bereits auf dem Computer befindet; 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“ [1].Wer keinen Google-Browser nutzt, muss aber nicht auf die Audits verzichten. Google hat seinen alten Pa geSpeed Service so angepasst, dass er die Daten von Lighthouse generieren lässt [2], [3]. 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.Das Audittool rückt also noch einen Schritt näher an die Entwickler und deren Workflows heran. Ursprünglich wurde Lighthouse vom Google-Team für Progressive Web Apps entwickelt, um Entwicklern Richtwerte/-linien zu geben, welche Kriterien eine Webseite mindestens erfüllen muss, um sich eine vollwertige PWA nennen zu dürfen. Da sich allerdings viele der Kriterien mit Themenfeldern wie Performance, Accessibility und Best Practices überschneiden, wurde Lighthouse recht schnell zu einem allumfassenden Allestester.Egal m...

Mobile Technology
Google Lighthouse als Nachfolger von Google PageSpeed

Der Leuchtturm weist den Weg

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.

Nils Langner, Joe Ray Gregory


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 (siehe GitHub Repository [1]). Die Installation ist dabei denkbar einfach, da es sich in den meisten Fällen bereits auf dem Computer befindet; 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“ [1].Wer keinen Google-Browser nutzt, muss aber nicht auf die Audits verzichten. Google hat seinen alten Pa geSpeed Service so angepasst, dass er die Daten von Lighthouse generieren lässt [2], [3]. 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.Das Audittool rückt also noch einen Schritt näher an die Entwickler und deren Workflows heran. Ursprünglich wurde Lighthouse vom Google-Team für Progressive Web Apps entwickelt, um Entwicklern Richtwerte/-linien zu geben, welche Kriterien eine Webseite mindestens erfüllen muss, um sich eine vollwertige PWA nennen zu dürfen. Da sich allerdings viele der Kriterien mit Themenfeldern wie Performance, Accessibility und Best Practices überschneiden, wurde Lighthouse recht schnell zu einem allumfassenden Allestester.Egal m...

Neugierig geworden?


   
Loading...

Angebote für Teams

Für Firmen haben wir individuelle Teamlizenzen. Wir erstellen Ihnen gerne ein passendes Angebot.

Das Library-Modell:
IP-Zugang

Das Company-Modell:
Domain-Zugang