Grafana-Dashboard mit ungewöhnlich vielen Gauges wegen einer Änderung der Lighthouse-Version

Am vergangenen Mittwoch habe ich nicht schlecht gestaunt, als mein Grafana-Performance-Dashboard mir mehrere Gauges pro Metrik anzeigte. Da ich die verwendete Lighthouse-Version beim PageSpeed Insights-Test mit der Graphen-Legende anzeige bekomme ich eine Änderung visuell sehr einfach mit – es gibt zwei unterschiedlich eingefärbte Graphen und zwei Gauges. Das war im Prinzip auch nichts ungewöhnliches, erst Anfang April hatte PageSpeed Insights (PSI) auf die Lighthouse-Version 7.0.3 gewechselt, was sich ähnlich im Dashboard bemerkbar machte. Dieses Mal waren die zu erwartenden Auswirkungen allerdings umfangreicher, schließlich handelte es sich um einen Major-Versionswechsel. Das skurrile an dieser Änderung am Mittwoch war nun aber: Lighthouse v8 war noch gar nicht veröffentlicht.

Lighthouse v8 war noch gar nicht veröffentlicht.

Per Twitter äußerte ich meine Verwunderung, während ich gleichzeitig ein bisschen in den GitHub-Branches recherchierte. Nach einiger Zeit meldete sich ein Lighthouse CI-Entwickler und bestätigte, was ich auch aus dem Code-Stand abgelesen hatte: „v8.0 code was finalized, docs weren’t. It shipped to PSI but release notes are still pending, coming out soon“.

Okay, eindeutig ein Google-Privileg schonmal Software zu verwenden, die eigentlich noch nicht veröffentlicht ist, da PSI und Lighthouse beide von Google sind, können sie das natürlich trotzdem machen. Aber auch für den Rest der Welt dauerte es dann nicht mehr lange, gegen 20 Uhr unserer Zeit am selben Tag wurde Lighthouse v8 dann ganz offiziell für alle veröffentlicht.

Neben den neuen Gewichtungen beim Score dürfte für die Meisten die neue Berechnung des Cumulative Layout Shifts (CLS) interessant gewesen sein. Die Änderung habe ich detailliert auf meiner Seite zum CLS erklärt.


Score-Änderungen

  • FCP: 10% (vorher 15%)
  • Speed Index: 10% (vorher 15%)
  • LCP: 25% (keine Veränderung)
  • TTI: 10% (vorher 15%)
  • TBT: 30% (vorher 25%)
  • CLS: 15% (vorher 5%)

Mit der Veröffentlichung von Lighthouse v8 zog die neue CLS-Berechnung nun auch gleich in diverse andere Tools ein: Lighthouse CLI, PageSpeed Insights-API und die CrUX-API. Lighthouse CI folgte am 3. Juni, CrUX-BigQuery am 8. Juni und immerhin im Canary-Channel der Browser-DevTools am 2. Juni. Aber wichtig zu beachten: Im stable Chrome wird Lighthouse v8 (DevTools) und damit die neue CLS-Berechnung erst mit Chrome 93 Einzug halten. Nach aktuellem Plan wird dieser aber erst am 31. August veröffentlicht!