PageSpeed Preload Optimierung: Wichtige Anforderungen vorab laden

Google PageSpeed Insights gibt Best Practice Empfehlungen zur Optimierung Webseiten im Hinblick auf die Ladezeit. Das Tool nutzt Lighthouse zur Analyse.

Die Empfehlungen werden permanent aktualisiert so dass man regelmässig Anpassungen vornehmen muss, um in der Messung gute Werte zu erzielen.

Seit Juni empfiehlt Pagespeed Insights "wichtige Anforderungen" vorab zu laden. Die englische Bezeichnung Preload key request trifft es etwas besser. Im Kern geht es darum, dass man dem Browser schon sagt welche Elemente für die Darstellung der Webseite herunter geladen werden müssen bevor sie letztlich in der CSS Datei oder dem HTML benötigt werden. Die aktuelle Google Pagespeed Empfehlung betrachtet Fonts als "wichtige Anforderung".

Um zu ermitteln welche Fonts das Theme lädt analysiert das Plugin die CSS Datei, extrahiert die darin importierten Fonts und erzeugt dann im head der Webseite vor der Einbindung der CSS Datei für jeden benutzten Font ein link rel=preload Tag.