Web-Font-Optimierung

Web-Font-Optimierung umfasst alle Techniken, die externe Schriftarten effizient laden, ohne die Darstellung der Seite zu blockieren. Schriften sind zwar keine render-blockierenden Ressourcen im engeren Sinne, können die Textanzeige aber verzögern: Werden sie nicht optimiert geladen, bleibt der Text zunächst unsichtbar oder es kommt zu sichtbaren Layoutverschiebungen, wenn der Browser auf die endgültige Schrift umstellt.

Zentrale Maßnahmen sind das Setzen von font-display, häufig mit dem Wert swap, damit Text sofort in einer Ersatzschrift erscheint, das Vorausladen wichtiger Schriften per Preload, das Hosten auf der eigenen Domain statt über Drittanbieter sowie das Reduzieren auf die benötigten Schnitte. Moderne Formate wie WOFF2 verkleinern die Dateigröße zusätzlich.

Optimierte Schriften wirken sich direkt auf First Contentful Paint und auf Cumulative Layout Shift aus, weil ungewollte Schriftumbrüche reduziert werden. Damit trägt die Web-Font-Optimierung direkt zu besseren Core Web Vitals bei.