Оптимизация на шрифтовете: как да не бавят сайта
Красивият шрифт не бива да ви коства скорост и разместен текст.
Накратко
- Външните шрифтове могат да бавят зареждането и да местят текста.
- font-display: swap показва текст веднага, докато шрифтът зарежда.
- Self-hosting на шрифтове премахва външна зависимост.
- Зареждайте само нужните тегла и знаци.
Шрифтовете изглеждат безобидни, но лошо заредени, бавят сайта и местят текста (CLS). Няколко прости практики правят разликата между бърз, стабилен сайт и такъв, който трепка при всяко зареждане.
Добрите практики
- Ползвайте font-display: swap — текстът се вижда веднага.
- Self-hosting вместо зареждане от външен CDN.
- Зареждайте само нужните тегла (не всичките).
- Ограничете набора от знаци (subset) до нужните.
Защо swap помага
Без swap текстът е невидим, докато шрифтът се зареди — лошо изживяване и лош LCP. Със swap потребителят чете веднага с резервен шрифт, после вижда финалния. Свързано: скорост.
Често задавани въпроси
Google Fonts бавят ли сайта?+
Могат — заради външна заявка. Self-hosting на шрифтовете (много рамки го правят автоматично) премахва тази зависимост и обикновено е по-бърз и по-надежден.
Колко шрифта да ползвам?+
Малко — обикновено един-два семейства с няколко тегла. Всяко допълнително тегло е файл за зареждане. По-малко шрифтове значат по-бърз и по-чист дизайн.
Автор
Антонио Планинцов
Соло дигитален и AI консултант с над 13 години опит. Изработвам уеб сайтове, правя SEO и изграждам AI решения за бизнеса. Повече за мен.
Искате красив, но бърз сайт?
Оптимизирам шрифтовете за скорост и стабилност, без разместване на текста.
Направи запитване
