Заявете SEO одит FOUT (Flash of Unstyled Text) е поведение при зареждане на уеб шрифтове, при което текстът първо се показва със системен или резервен шрифт, а след това се сменя с персонализирания шрифт. За разлика от FOIT, текстът остава видим, но външният му вид временно се променя.
Какво означава FOUT?
FOUT се появява, когато браузърът реши да не чака web font файла и веднага показва съдържанието с fallback шрифт. След като персонализираният шрифт се зареди, текстът се прерисува. Това е компромис между бърза четимост и визуална консистентност.
Защо е важно за SEO?
FOUT обикновено е по-приемлив от невидим текст, защото потребителят може да започне да чете веднага. Все пак смяната на шрифта може да причини разместване на елементи, особено ако fallback шрифтът има различна ширина, височина или междуредие. Такива промени могат да повлияят на визуалната стабилност и да направят страницата по-трудна за възприемане.
Как се управлява FOUT?
Контролът започва с внимателен избор на fallback шрифт, близък до основния по размер и пропорции. CSS свойството font-display позволява да се зададе как браузърът да показва текста по време на зареждане. Допълнително могат да се използват preload за критични шрифтове, ограничен брой font weights и оптимизирани WOFF2 файлове.
Пример
Страница използва персонализиран шрифт за заглавия. При първото отваряне заглавието се вижда със системен шрифт, а след секунда леко променя формата и ширината си. Това е FOUT. Ако промяната размести бутони или текст около него, проблемът вече засяга и стабилността на layout-а.
Свързани понятия
FOUT се разглежда заедно с FOIT, font-display, CLS, FCP, web font optimization и критичния път на рендериране. Добрата настройка не означава винаги да се премахне FOUT напълно, а да се намери баланс между бързо видим текст и стабилна визуална презентация.