Как оптимизировать шрифты для производительности?

Middle
190 просмотров
AFK Offer AI

font-display: swap — показывай текст системным шрифтом, подмени когда загрузится. font-display: optional — если не загрузился за 100ms, не показывай (лучше для CLS). Preload: . Variable fonts — один файл вместо нескольких (Regular, Bold, Italic). woff2 формат — максимальное сжатие. Subset — оставь только нужные символы (latin, cyrillic). Self-host вместо Google Fonts — убирает DNS + connection к стороннему домену. next/font делает всё автоматически.

Следующий вопрос

Что такое Fiber architecture?