Webfonts, font-display und Preloads prüfen

Schriften als Teil des Ladebudgets

Mehrere Familien, viele Schriftschnitte und zusätzliche Quellen können das Ladebudget einer Website erhöhen. Wie viele Dateien ein Browser tatsächlich lädt, hängt jedoch auch von Text, Zeichensatz, CSS und Gerät ab. Der Checker stellt deshalb die gefundenen Definitionen und Quellen dar, ohne alle deklarierten Dateien als tatsächliche Downloads zu zählen.

font-display bewusst auswählen

font-display steuert, wie der Browser während des Ladens mit Text umgeht. auto und block verdienen besondere Aufmerksamkeit, weil Text zeitweise unsichtbar bleiben kann. swap zeigt früh eine Ersatzschrift, kann aber einen sichtbaren Wechsel erzeugen. optional und fallback besitzen andere Abwägungen. Kein einzelner Wert ist für jede Schrift und jedes Seitendesign optimal; kontrollieren Sie die Wirkung mit realem Inhalt und einer langsamen Verbindung.

Preloads und Dateiquellen abgleichen

Ein Font-Preload sollte zu einer früh benötigten Schriftdatei passen. Fehlt die passende crossorigin-Einstellung, kann die Schrift trotz Preload erneut angefordert werden. Ein Preload ohne passende Quelle im untersuchten CSS wird als Hinweis markiert, nicht automatisch als ungenutzt bewiesen. Prüfen Sie außerdem, ob Varianten wirklich benötigt werden und ob eine variable Schrift mehrere Dateien sinnvoll ersetzen kann.

Was die Größenangabe aussagt

Für höchstens acht gefundene Schriftdateien wird eine HEAD-Anfrage gestellt. Eine gemeldete Content-Length ist eine Serverangabe und kann fehlen. Der Checker lädt die Dateien nicht zum visuellen Vergleich und misst weder tatsächliche Nutzung noch LCP oder Layoutverschiebungen. Er liest höchstens sechs externe Stylesheets; dynamische Nachladevorgänge bleiben außerhalb des Umfangs. Testen Sie Änderungen anschließend im Browser und mit Ihren wichtigsten Seitentypen.

Häufige Fragen