Przeglądarka i wydajność · Middle · Pytanie 29 z 75

Jak zmniejszyć CLS powodowany przez fonty webowe?

1Zawsze używać font-display: swap bez strojenia fontu zapasowego
✓Poprawna odpowiedź: Dopasować metryki fontu zapasowego przez size-adjust i powiązane deskryptory @font-face albo użyć font-display: optional
3Ładować fonty z loading="lazy"

Wyjaśnienie

Jeśli font zapasowy zajmuje tyle miejsca co webowy, podmiana nie przesuwa tekstu. optional całkowicie unika późnych podmian.

Do poczytania

Sprawdź się

Rozwiąż test Przeglądarka i wydajność · Middle: pytania i odpowiedzi są tasowane, a na końcu czeka przegląd błędów.

Rozwiąż ten test