Заявете SEO одит FOIT (Flash of Invisible Text) е поведение при зареждане на уеб шрифтове, при което текстът временно остава невидим, докато браузърът изчаква персонализираният шрифт да се зареди. Потребителят вижда празно място там, където вече трябва да има съдържание.
Какво означава FOIT?
FOIT възниква, когато браузърът блокира показването на текст, защото зададеният web font още не е наличен. Вместо да покаже системен fallback шрифт, той скрива текста за кратък период. Ако шрифтът се зареди бавно, тази пауза може да се възприеме като празна или счупена страница.
Защо е важно за SEO?
Проблемът не е само визуален. Невидимият текст забавя възприемането на съдържанието и може да влоши първите секунди от посещението. При страници, в които основното съдържание е текстово, FOIT засяга четимостта, усещането за скорост и понякога показатели като FCP или LCP, когато важен текстов елемент се появява късно.
Как се предотвратява FOIT?
Най-често се използва CSS свойството font-display. Стойности като swap или optional позволяват на браузъра да покаже fallback шрифт, докато персонализираният шрифт се зареди. Допълнително помагат preload за критични font файлове, ограничаване на броя варианти, използване на modern формати като WOFF2 и самостоятелно хостване при нужда от по-добър контрол.
Пример
Ако заглавието на статия е зададено с custom font, но файлът се зарежда след няколко секунди, потребителят може първо да види празно пространство. След зареждането текстът изведнъж се появява. Това е типичен FOIT сценарий.
Свързани понятия
FOIT често се сравнява с FOUT, при който текстът се вижда веднага, но първо със fallback шрифт. Свързани теми са web fonts, font-display, preload, render-blocking ресурси, FCP и visual stability.