Уебсайт

Как да локализирате шрифтове за ускоряване на времето за зареждане на сайта

  • 20 минути за четене
  • Екипът на Hostragons
Как да локализирате шрифтове за ускоряване на времето за зареждане на сайта

Локализирането на шрифтове означава да предоставите файловете на шрифта, които използвате на вашия уебсайт, директно от вашия хостинг акаунт, сървър или собствен CDN, вместо да разчитате на трета страна. Когато е правилно приложено, това може да намали времето за зареждане на сайта, като намали забавянето от DNS резолюция, TLS ръкостискане и външни заявки; особено е полезно за Core Web Vitals, потребителското изживяване и SEO представяне. За най-добри резултати, трябва да използвате само необходимите тегла на шрифта, да предпочитате формата WOFF2, да предзаредите критичните шрифтове и да определите font-display: swap в CSS.

Много уебсайтове използват Google Fonts, Adobe Fonts или отдалечени връзки за шрифтове, без да осъзнават, че го правят по време на дизайна. На пръв поглед, този метод изглежда практичен, но той добавя допълнителни стъпки за резолюция на домейни, свързване и изтегляне на файлове за всеки посетител. Малките забавяния от 100-300 ms, които изглеждат незначителни в мобилни мрежи, значително удължават общото време за зареждане на страницата, когато се комбинират с няколко семейства шрифтове и различни тегла. Поради това, подходът с локализирани шрифтове не е просто технически детайл; той е стратегия за по-бърза, по-контролирана и по-устойчива уеб производителност.

В това ръководство ще разгледаме стъпка по стъпка какво представлява локализирането на шрифтове, кога да се възползвате от него, как да го прилагате на WordPress или персонализирани софтуерни сайтове и какви грешки да избягвате съгласно SEO стандартите за 2026 година. Ще намерите и практически предложения за планиране на оптимизацията на шрифта, докато използвате бърза и сигурна хостинг инфраструктура на Hostragons. Вашият избор на хостинг е основата на производителността; оптимизацията на шрифтовете е фина настройка върху тази основа. Можете да оцените Hostragons пакети за уеб хостинг.

Какво е локализиране на шрифтове?

Локализирането на шрифтове означава да запазите файловете на шрифта в файловата система на вашия сайт и да ги предоставите на посетителите от там. Например, вместо да извиквате Inter, Roboto или Montserrat от Google Fonts, вие изтегляте съответните файлове WOFF2 и ги качвате в папката /fonts или /assets/fonts на вашия сайт. След това в CSS файла си определяте пътя на тези файлове с правилото @font-face. Когато страницата се зарежда, браузърът получава файловете на шрифта директно от вашия домейн, без да се свързва с външни шрифтови услуги.

Този подход е особено важен от гледна точка на производителността, конфиденциалността и контрола. Вие определяте какъв формат да се предоставят файловете на шрифта, какъв период на кеширане да се използва, какви тегла да се зареждат и на кои страници да се използват. Например, ако в сайта си използвате само теглата 400 и 700, не трябва да хоствате ненужни файлове като 300, 500, 600 и 800. По този начин общият размер на файловете намалява, а CSS се опростява.

В практиката, приложението за локализирани шрифтове има три основни компонента: оптимизирани файлове на шрифта, правилно определение в CSS и ефективно кеширане на сървъра. Когато един от тези три компонента отсъства, очакваното увеличаване на скоростта може да бъде ограничено. Например, ако използвате стар формат TTF вместо WOFF2, размерът на файла ще бъде по-голям. Ако заглавията на кеша са неправилни, посетителят може да бъде принуден да изтегли същия шрифт отново на всяка страница. Неправилното използване на preload може да доведе до ненужна приоритизация от браузъра.

Защо оптимизацията на шрифтовете е важна за SEO?

Google оценява потребителското изживяване чрез директни и индиректни сигнали в системите си за ранжиране. Скоростта на сайта, мобилната достъпност, закъсненията при взаимодействие и визуалната стабилност са важни фактори. Шрифтовете могат да повлияят на Largest Contentful Paint, Cumulative Layout Shift и възприеманото време за зареждане. Ако текстът в заглавието или в първия екран се рендерира с особен шрифт, забавеното зареждане на файла на шрифта може да забави стойността на LCP.

В SEO подхода за 2026 година, техническата достъпност е почти толкова важна, колкото и качеството на съдържанието. Googlebot трябва да може да получи достъп до ресурсите на вашата страница, докато потребителите трябва да виждат страницата бързо и стабилно. Забавянето на връзките с външни шрифтови доставчици, проблеми с достъпа на страната или нерегулярни DNS проблеми оставят сайта ви извън вашия контрол. Локализирането на шрифтовете намалява тази несигурност.

Нека дам пример, фокусиран върху опита: на корпоративен сайт с общ размер на страницата от 1,8 MB, използването на четири различни семейства Google Fonts, осем тегла и две вариации може да доведе само до шрифтови заявки в диапазона от 450-700 KB. Дори ако част от тези файлове не се използват в първия екран, браузърът може да поиска да ги зареди поради CSS. Когато същият дизайн е организиран с два семейства шрифтове, три тегла и WOFF2 подмножество, размерът на шрифта може да спадне до диапазона от 90-180 KB. Тази разлика е особено осезаема при 4G свързване и устройства с ниска мощност.

Сравнение между външни шрифтови услуги и локализирано хостване на шрифтове

Няма едно единствено решение за всеки сайт. В някои проекти външната шрифтови услуга може да е достатъчна; в други проекти локализираното хостване дава много по-добри резултати. Следната таблица ще ви помогне бързо да видите основните разлики при вземане на решение.

Сравнение между външни шрифтови услуги и локализирано хостване на шрифтове
КритерийВъншна шрифтови услугаЛокализирано хостване на шрифтове
Първоначални разходи за свързванеМоже да се появят допълнителни DNS, TCP/TLS и трети страни заявки.Шрифтовете идват от същия домейн или от вашия CDN.
КонтролКонтролът над версиите на файловете, заглавията и поведението на услугата е ограничен.Формат, кеш, preload и брой файлове могат напълно да се управляват.
КонфиденциалностБраузърът на посетителя може да изпраща заявки към трети страни шрифтови домейни.Заявките за шрифтове остават в рамките на вашата инфраструктура.
Лесно приложениеБързо се инсталира с копиране и поставяне.Изисква изтегляне на файлове, определяне на CSS и тестове.
Потенциал за производителностМоже да бъде приемливо за малки сайтове.При правилна конфигурация е по-предсказуемо и бързо.

Накратко, ако искате контрол и производителност, локализираното хостване е по-силна опция. Но този метод не бива да се смята за "изтеглете шрифтовете и ги качете на сървъра". Неправилният формат на файла, ненужните тегла или грешен CSS могат да влошат производителността, вместо да я подобрят.

Влиянието на локализирането на шрифтовете върху скоростта на сайта

Файловете на шрифта обикновено изглеждат малки; обаче те могат да станат критичен ресурс в веригата за зареждане на страницата. Браузърът първо получава HTML, след което изтегля CSS файловете и открива шрифтовете, определени в CSS. Ако заглавията, менюто или основният текст зависят от специален шрифт, браузърът може да изчака зареждането на файла на шрифта преди да покаже текста. В този случай потребителят може да види бели пространства, невидим текст или внезапна смяна на шрифта.

Трите важни метрики, за да разберете влиянието на производителността, са: първо, LCP, което означава кога потребителят вижда най-голямото съдържание на екрана. Второ, CLS, което се отнася до смяната на текста поради различия в ширината и височината, причинени от смяната на шрифта. Трето, INP, което е чувствителността на взаимодействие; шрифтовете не са основна причина за INP метриката, но тежкият CSS и ненужните ресурси могат да ангажират основния поток и да предизвикат косвени влияния.

В добра оптимизирана стратегия за шрифтове целите са: шрифтът, използван в първия екран, да остава под 100 KB, да не се зареждат ненужни вариации, файловете на шрифта да се предоставят с дългосрочно кеширане и критичните шрифтове да се предзареждат при необходимост. На страница с продукт в електронна търговия, ако заглавието, цената и текстът на CTA изискват само теглата 400 и 700 от едно и също семейство шрифтове, зареждането на 9 различни тегла е излишно разходно.

Правилните формати на шрифта за Self-Host Fonts

Защо WOFF2 е най-добрият избор?

Най-ефективният формат на шрифта за модерния уеб е WOFF2 в повечето сценарии. WOFF2 предлага добра компресия и е поддържан от голямото мнозинство актуални браузъри. Докато файловете TTF или OTF могат да са подходящи за дизайна и настолните приложения, те обикновено са по-големи от необходимото за уеб производителността. По-стари формати като EOT са значими само за много стари браузъри.

Например, TTF файл на същия шрифт може да е 300 KB, докато версията WOFF2 може да бъде в диапазона от 80-120 KB. Когато използвате множество тегла, тази разлика нараства. Поради това, когато локализирате шрифтове, трябва да използвате оптимизирани WOFF2 файлове вместо да качвате шрифта такъв, какъвто е.

Трябва ли да използвате променливи шрифтове?

Променливият шрифт може да съдържа множество тегла или стилови вариации в един файл. Ако вашият дизайн използва много тегла от 300 до 800, променливият шрифт може да е разумен избор. Но ако използвате само 400 и 700, понякога две отделни статични WOFF2 файлове могат да осигурят по-малък общ размер. При вземането на решение е важно да тествате размера на файла, броя на използваните вариации и поддръжката на браузъра.

Опитният подход за производителността е следният: първо, направете списък с теглата на шрифта, които наистина се използват в системата за дизайн. След това сравнете общите KB стойности на статичните и променливите опции. Изберете тази, която е по-малка, по-проста и по-стабилна. Естетичните решения и резултатите от измерванията трябва да бъдат част от процеса на дизайн.

Как да локализирате шрифтове?

Следните стъпки могат да бъдат адаптирани за WordPress, персонализирани PHP приложения, проекти на базата на Laravel, Node.js и статични сайтове. Логиката е същата: премахнете ненужните шрифтове, оптимизирайте необходимите файлове, предоставете ги от вашия сървър и тествайте резултата.

1. Проверете използването на съществуващите шрифтове

Първата стъпка е да видите кои шрифтове и откъде се извикват на сайта ви. Можете да използвате филтъра “font” в раздела Network на Chrome DevTools, за да изброите всички шрифтови заявки. Освен това можете да проверите отчетите на PageSpeed Insights, WebPageTest или Lighthouse за източници, блокиращи рендерирането, и трети страни заявки. Тук търсете отговори на следните въпроси: Колко шрифтови семейства се използват? Колко тегла се зареждат? Шрифтовете откъде идват? Колко от тях наистина са необходими на първия екран?

В много сайтове темата, конструктора на страници и плъгините извикват шрифтове поотделно. Например, темата може да извика Roboto, докато конструкторът на страници може да зареди Montserrat, а плъгинът за формуляри може да добави Open Sans. Въпреки че това може да не бъде визуално забелязано, то създава разходи за производителност. Обикновено, определянето на единна система за дизайн, за да намалите броя на семействата шрифтове, осигурява най-големия напредък.

2. Изтеглете и опростете необходимите файлове на шрифта

Проверете условията на лиценза на избрания шрифт. Обикновено, локализирането на шрифтове е разрешено за шрифтове с отворен код; но за търговските шрифтове може да има правила относно хостването на файлове, ограничения на домейна или лицензи за показвания на страници. След като лиценза е одобрен, изтеглете само необходимите тегла и стилове. Поддръжката на разширени латински символи е важна за българския език; уверете се, че не липсват символи като “ъ, ю, ж, и, а, ч”.

За допълнителна оптимизация можете да създадете подмножество. Подмножеството означава да изключите непотребни символи от файла на шрифта. За сайт, който предлага съдържание на български и английски, латинските и разширените латински символи обикновено са достатъчни. Ако не използвате кирилица, арабски или гръцки символи, изключването на тези набори от файла ще намали размера. Обаче, в многоезични сайтове, прибързаното създаване на подмножества може да доведе до изкривяване на текста. При планиране на домейна и езиковата стратегия за многоезични проекти, можете да оцените съдържанието на Решения за хостинг с висока производителност.

3. Качете шрифтовете в правилната папка

Съхранявайте файловете на шрифта в организирана структура от папки. Например, можете да използвате четливи имена на файлове като /assets/fonts/inter/inter-400.woff2 и /assets/fonts/inter/inter-700.woff2. Добавянето на информация за версиите към имената на файловете улеснява управлението на кеша: inter-400-v2.woff2 например. По този начин, когато актуализирате шрифта, няма да имате проблеми със старата кеширана версия.

Можете да използвате файловия мениджър от хостинг панела, FTP или Git-базирано разпространение. Правилата за достъп на файловете обикновено трябва да бъдат 644, а за папките 755. Файловете на шрифта трябва да бъдат публично четими; в противен случай браузърът ще получи грешка 403 и ще премине към системния шрифт. Също така, проверете конфигурацията на MIME типа на сървъра. Правилният тип съдържание за WOFF2 трябва да бъде font/woff2.

4. Определете @font-face в CSS

В центъра на локализирането на шрифтове стои правилото @font-face. Проста дефиниция е: @font-face { font-family: Inter; src: url('/assets/fonts/inter/inter-400.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; }. За дебелата версия на същото семейство шрифтове добавяте отделна дефиниция с font-weight: 700.

Една от най-критичните линии тук е стойността font-display: swap. Тази стойност позволява на браузъра да покаже текста със системния шрифт, докато специалният шрифт се зарежда. По този начин проблемът с невидимия текст се намалява. Обаче, когато се използва swap, може да се получи малко отклонение по време на смяната на шрифта. За да намалите това, трябва да изберете системен резервен шрифт, който е подобен на специалния шрифт. Например, Arial или system-ui са разумни резерви за Inter в повечето случаи.

5. Предварително заредете критичните шрифтове

Предварителното зареждане е силен сигнал за браузъра, който му казва, че определен ресурс трябва да бъде изтеглен по-рано. Предварителното зареждане на основния файлов шрифт, използван за заглавията и основния текст на първия екран, може да подобри LCP. Въпреки това, грешка е да се предзареждат всички шрифтове. Браузърът може да разпредели честотната лента за ненужни ресурси, което може да доведе до забавяне на изображения или критичен CSS.

Общото правило е да предзаредите само 1 или максимум 2 файла на шрифта, които задължително се използват на първия екран. Например, ако основният шрифт за текста е 400, а заглавният шрифт е 700 и те се виждат на първия екран, тези два файла могат да бъдат кандидати. Не предзареждайте, ако курсивният шрифт на страницата на блога не се използва на първия екран. След предзареждането проверете в раздела Network, дали шрифтът наистина е изтеглен по-рано и дали не е настъпило двойно изтегляне.

6. Конфигурирайте настройките за кеширане и компресия

Файловете на шрифта са статични ресурси, които не се променят често. Поради това те трябва да се предоставят с дългосрочни настройки за кеширане на браузъра. Подходът public, max-age=31536000, immutable е популярен в заглавието Cache-Control. Когато използвате версия в името на файла, кеширането за година става безопасно, тъй като при необходимост просто променяте името на файла.

WOFF2 вече е компресиран формат; следователно, не се очакват значителни печалби от допълнителна компресия с Brotli или Gzip. Въпреки това, производителността на статичното предоставяне на файлове от вашия сървър е важна. Ако използвате инфраструктурни предимства като LiteSpeed, NVMe диск и правилна конфигурация на кеша на Hostragons, файловете на шрифта могат да отговорят много по-бързо. Правилната настройка на SSL от страна на инфраструктурата е важна и за производителността на HTTP/2 и HTTP/3; информацията за Ръководство за избор на домейн и многоезичен сайт може да бъде полезна.

Локализирано хостване на шрифтове в WordPress

Оптимизацията на шрифтовете в WordPress варира в зависимост от темата, плъгина и конструктора на страниците. Първо, проверете дали вашата тема предлага опции за деактивиране на извикванията на Google Fonts. Много модерни теми предлагат опция за изключване на Google Fonts в настройки на типографията. Elementor, Gutenberg блок плъгини или плъгини за слайдери също могат да имат свои собствени настройки за шрифтове. Прегледайте всички компоненти поотделно, за да предотвратите многократното зареждане на същия шрифт от различни източници.

Технически, най-чистият метод е да хоствате файловете на шрифта в дъщерната тема и да добавите определенията на CSS към стиловия файл на темата. Можете също така да извършите локализирано хостване, като използвате плъгин; обаче увеличаването на броя на плъгините може да противоречи на целите за производителност. Ако решите да използвате плъгин, проверете датата на последното актуализиране, съвместимостта с PHP и съвместимостта с вашия кеш плъгин.

Преди да направите промени в WordPress сайта си, направете резервно копие. Когато премахвате извикванията на шрифтове, можете случайно да повредите икони шрифтове или стиловете на административния панел. Особено в сайтове за електронна търговия е важно да тествате страниците за пазаруване, плащане и профила. Ако търсите производителност за корпоративния си WordPress сайт, можете да оцените Ръководство за инсталация на SSL сертификат и HTTPS в съдържанието си.

Контролен списък за технически SEO и Core Web Vitals

Контролен списък за технически SEO и Core Web Vitals

След оптимизация на шрифтовете, просто да проверите "отваря ли се сайтът?" не е достатъчно. Трябва да направите измервания, да сравните преди и след, и да проведете тестове, близки до реалното потребителско изживяване. Следният контролен списък предлага практично начало.

  • Проверете в раздела Network, че исканията за шрифтове от Google Fonts, fonts.gstatic или подобни външни източници са премахнати.
  • Дръжте общия брой файлове на шрифтовете в диапазона 2-4, ако е възможно.
  • Уверете се, че използвате формат WOFF2 и че размерите на файловете са разумни.
  • Тествайте font-display: swap или, в подходящи сценарии, стойността optional.
  • Не правете ненужни предварителни зареждания, освен за най-критичния шрифт, използван на първия екран.
  • Проверете, че заглавията Cache-Control са подходящи за дългосрочно кеширане.
  • Тествайте, че българските символи се показват правилно в всички браузъри.
  • Сравнете резултатите от Mobile PageSpeed Insights, Lighthouse и WebPageTest с преди промените.

Не разчитайте на един резултат от теста. Условията в мрежата, натоварването на сървара и местоположението на теста влияят на резултатите. Правете поне три теста и наблюдавайте средната тенденция. Ако LCP пада от 2,8 секунди на 2,3 секунди, това е важно подобрение. Ако LCP се увеличава след оптимизация на шрифтовете, преразгледайте избора на резервен шрифт и метриките на шрифта.

Често срещани грешки

Използване на твърде много семейства шрифтове

Най-честата грешка е да се търси ненужна разнообразие в дизайна. Когато се използват различни шрифтове за заглавия, параграфи, бутони и цитати, разходите за производителност нарастват. Повечето професионални уебсайтове могат да изградят силна визуална идентичност с едно или две семейства шрифтове. Последователността в типографията е важна не само за скоростта, но и за възприятието на марката.

Неправилен избор на резервен шрифт

Когато системният шрифт, показван преди зареждането на специалния шрифт, има много различни размери от идващия шрифт, могат да се появят смущения в текста. Това може да увеличи стойността на CLS. При избора на резервен шрифт, обърнете внимание на сходството в x-height, ширината на буквите и височината на редовете. Тествайте опции като system-ui, Arial, Helvetica, Georgia в зависимост от дизайна си.

Предварително зареждане на всичко

Предварителното зареждане е мощен инструмент, но може да бъде вредно, ако се използва неправилно. Предварителното зареждане на всички тегла на шрифтовете нарушава приоритетите на браузъра. Това може да влоши LCP вместо да го подобри, особено на страници с hero изображения. Вземете решение за предварително зареждане на базата на реалната употреба на първия екран и резултатите от тестовете.

Пропускане на лицензионните условия

Не всеки шрифт е безплатен или неограничен. Лицензиите за уеб на търговските шрифтове могат да включват различни условия. Публикуването на шрифт, за който не е разрешено локализирано хостване, може да доведе до правни рискове. Архивирайте текста на лиценза преди публикуването на шрифтовете и го съхранявайте в документацията на проекта.

Сигурност, конфиденциалност и инфраструктурна стойност

Локализирането на шрифтове не е само свързано със скоростта; то също така осигурява предимства по отношение на конфиденциалността и сигурността. Когато се използват външни шрифтови услуги, браузърът на посетителя може да изпраща заявки към трети страни домейни. В някои сектори това трябва да се разглежда във връзка с KVKK и процесите на обработка на данни. Тъй като заявките за шрифтове при локализиране се извършват през вашия собствен домейн, потокът на данни става по-предсказуем.

От страна на инфраструктурата, HTTPS е задължителен. Ако файловете на шрифта се извикват през HTTP, могат да възникнат проблеми с смесено съдържание или блокировки от браузъра. Правилната DNS конфигурация на домейна, SSL сертификатът и производителността на хостинга играят основна роля тук. Ако стартирате нов проект, можете да прегледате страницата за Пакети за WordPress хостинг, да се запознаете с SSL сертификати за сигурно публикуване и Hostragons решения за хостинг за солидно хостинг решение.

Ако използвате CDN, проверете настройките за CORS за файловете на шрифта. Ако шрифтовете се предлагат от различен поддомен, може да е необходимо заглавието Access-Control-Allow-Origin. В противен случай браузърът може да не изтегли и използва шрифтовите файлове. Предоставянето от един и същ домейн е по-просто и безпроблемно за повечето малки и средни сайтове.

Как да измерите печалбата от производителността?

Успешната оптимизация е доказана чрез измервания. Започнете с регистрирането на текущото състояние: общ брой на заявките за шрифтове, общ размер на шрифтовете, LCP, CLS и общо време за зареждане. След това приложете локализирането на шрифтовете и тествайте същите страници с идентични инструменти. Измервайте отделни шаблони като начална страница, публикация в блога, страница с категории и, ако е приложимо, страница с продукт.

В примерен сценарий, в началото на блог сайт с 6 заявки за шрифтове и 420 KB шрифт данни, след оптимизацията може да се постигне 2 заявки за шрифтове и 96 KB шрифт данни. Mobile Lighthouse производителността може да се увеличи от 72 на 86; LCP може да спадне от 3,1 секунди на 2,4 секунди. Тези цифри не са гарантирани, тъй като изображенията, JavaScript и времето за отговор на сървъра също оказват влияние. Въпреки това, оптимизацията на шрифтовете е една от най-бързо изпълняващите се и лесно измерими подобрения.

За данни от реални потребители, докладът на Chrome User Experience, докладът Core Web Vitals в Search Console или RUM инструментите предоставят по-ценна информация. Лабораторните тестове са добри за откриване на проблеми; обаче данните от реални потребители показват влиянието на оптимизацията на терен. Ако вашият сайт получава интензивен трафик, е по-безопасно да направите промяната първо в staging среда и след това да я пуснете в нискорискови часове.

Прилагане на мини план: Оптимизация на шрифтовете за 60 минути

Ако времето ви е ограничено, можете да започнете бързо с плана по-долу. През първите 10 минути, използвайте DevTools, за да изброите текущите заявки за шрифтове и вземете екранна снимка. Следващите 10 минути определяте наистина използваните шрифтови семейства и тегла в дизайна. В рамките на 15 минути, изтеглете необходимите WOFF2 файлове, проверете българските символи и ги качете в папката /assets/fonts.

След това, за 15 минути добавете определенията @font-face в CSS, използвайте font-display: swap и премахнете старите външни шрифтови връзки. Последните 10 минути проведете мобилен тест, уверете се, че няма останали външни заявки за шрифтове в раздела Network и проверете страницата в различни браузъри. По-късно можете да се занимавате с напреднали оптимизации като кеш заглавия, preload и подмножества.

Този план дава бързи резултати, особено за сайтове на малки бизнеси, блогове и корпоративни промоционални страници. При по-големи проекти за електронна търговия или SaaS, оптимизацията на шрифтовете трябва да бъде интегрирана с системата за дизайн, библиотеката от компоненти и процеса на разпространение.

Заключение

Локализирането на шрифтове, когато е направено правилно, е ефективен метод за подобряване на скоростта на сайта, потребителското изживяване и качеството на техническото SEO. Най-важните точки включват използването на WOFF2, премахването на ненужните тегла на шрифта, определянето на font-display, внимателното предварително зареждане на критичните шрифтове и предоставянето на файловете с мощни настройки за кеширане. Тази процедура сама по себе си не решава всички проблеми с производителността; но може да осигури бързо, надеждно и измеримо подобрение.

Колкото по-силна е хостинг инфраструктурата ви, толкова повече ще се увеличи ефективността на оптимизациите. Ако искате да направите сайта си по-бърз и сигурен, можете да прегледате решенията за хостинг, домейн и SSL на Hostragons и да приложите оптимизацията на шрифтовете като част от общия си план за производителност. Без натиск за продажба, първо измервайте, след това подобрявайте и потвърдете резултатите с потребителското изживяване.

Често задавани въпроси

Локализирането на шрифтове винаги ли е по-бързо от Google Fonts?

Не винаги. При правилно кеширане, WOFF2, малък брой файлове и добър отговор от сървъра, локализирането на шрифтове обикновено е по-предсказуемо и бързо. Въпреки това, неправилно конфигурираните локализирани шрифтове могат да бъдат по-бавни от оптимизираното външно използване.

Кой формат на шрифта трябва да използвам за Self-host fonts?

За модерни уебсайтове, в повечето случаи WOFF2 е най-добрият избор. Той предлага по-малък размер на файла и широка поддръжка от браузъри. Файловете TTF или OTF обикновено са по-големи от необходимото за уеб производителността.

Колко тегла на шрифта е идеално да се използват?

За повечето сайтове теглата 400 и 700 са достатъчни. В някои дизайни могат да се добавят 500 или 600; но всяко ново тегло означава допълнителни разходи за файлове и зареждане. Трябва да премахнете ненужните тегла.

Задължително ли е да използвате font-display: swap?

Не е задължително, но в повечето сценарии се препоръчва. Той позволява текстът да се показва, докато специалният шрифт се зарежда и намалява проблема с невидимия текст. За да се избегне CLS, трябва да се избере подходящ резервен шрифт.

Споделете тази статия:

Екипът на Hostragons

Актуални ръководства от нашия експертен екип за хостинг, сървъри и домейн имена. Нека заедно намерим правилното решение за вашия проект.

Свържете се с нас