Wiedza / Diagramy / Wydajność i obrazy

font-display — co widzi czytelnik podczas ładowania fontu

font-display steruje okresem blokowania, zamiany i rezygnacji z webfontu. Dobra strategia pokazuje tekst szybko i ogranicza późną zmianę kroju, która może przesunąć układ.

Co pokazuje ten diagram?

Od pobrania zasobów do wyrenderowania stabilnego widoku oraz pomiaru Core Web Vitals.

WOFF2 (Web Open Font Format 2) to skompresowany format czcionek internetowych — najlżejszy i najszerzej obsługiwany sposób dostarczania fontów na stronę.

Pomaga połączyć wynik PageSpeed lub audytu z konkretną fazą ładowania, formatem obrazu albo protokołem.

Jak czytać schemat

1. Pierwsze użycie fontu uruchamia zegar wyświetlania
2. STRATEGIA
3. PIERWSZY RENDER
4. GDY FONT DOTRZE LUB SIĘ SPÓŹNI
5. block
6. Tekst niewidoczny
7. Webfont albo późny fallback — ryzyko FOIT
8. swap

Pełne wyjaśnienie pojęcia

WOFF2 (czcionki webowe) — Skompresowany format czcionek dla webu.

Jak użyć diagramu?

Otwórz sam plik SVG, aby powiększyć go bez utraty jakości, albo odwołaj się do tej strony, gdy potrzebujesz również opisu, legendy i powiązanych materiałów.

Powiązane poradniki

• Jak poprawić Core Web Vitals — LCP, INP i CLS po kolei

Wszystkie diagramy · Poradniki · Słownik