Am 13. Juli wurde das Update auf Lighthouse 8.1.0 veröffentlicht. Die neue Version sollte in Kürze auch in PageSpeed Insights benutzt werden (normal sind ca. zwei Wochen nach Veröffentlichung) und glücklicherweise findet die neue Lighthouse-Version dann auch noch gleich Einzug in die Dev-Tools von Chrome 93 Ende August.

Preload-Hints

So großartig Neues gibt es nicht, am interessantesten dürfte sein, dass alle Tipps, dass jemand zur Performance-Verbesserung Preload-Hints einsetzen soll, erstmal nicht mehr angezeigt werden. Sie sind nicht aus dem Code verschwunden, sondern sind nur temporär allesamt auf „nicht anwendbar“ gesetzt, sodass die Software sie in keinem Fall empfehlen wird. Hintergrund ist, dass diese Empfehlung wohl etwas zu leicht einfach Preload-Hints empfohlen hat zur Problemlösung und damit andere Performance-Metriken verschlechtert hat. User haben dann in ihre Seiten fünf Fonts, CSS, JavaScript und noch ein paar Grafiken gesetzt, die dann natürlich alles danach verlangsamt haben.

Wenn alles wichtig ist, ist letztlich nichts wichtig. An Preload-Hints hat sich eigentlich nichts geändert. Sie werden schon länger in Chromium-Browsern unterstützt, in Firefox seit Version 85 und in Safari überhaupt nicht. Man sollte sie schon immer nur mit Bedacht einsetzen, denn durch die Priorisierung eines Preload-Hints wird etwas früh geladen, weshalb etwas anderes selbstverständlich damit automatisch später geladen wird.
Im Lighthouse-Projekt wird diskutiert wie damit verfahren wird. Einerseits, ob die Empfehlungen granularer werden (z.B. bei Mobil-Seiten anders ausfallen als am Desktop) oder auch ob es eine Warnung bei zu vielen Preloads gibt, da dieses Optimierung dann kontraproduktiv wird.

Allgemein sollte man die Lighthouse-Empfehlungen nie einfach nur pauschal umsetzen sondern sich über die Auswirkungen bewusst sein und Messwerte vor- und nach der Optimierung vergleichen um feststellen zu können, ob sie genutzt oder geschadet haben.

AVIF

Eine weitere Änderung, der man in Lighthouse 8.1.0 aktiv begegnen könnte ist, dass das Bild-Format AVIF nun als Einzug in die Liste der modernen Bild-Formate gehalten hat. AVIF kann man beispielsweise zusätzlich zu älteren Bild-Formaten in einem <picture>-Tag mit einer <source>-Angabe unterstützen. Dabei ist zu bedenken, dass die modernen Formate zuerst genannt werden müssen, da ein Browser aufhört die möglichen <source>-Einträge durchzugehen, sobald er ein passendes gefunden hat.