Съдържание:

Как мога да ускоря зареждането на моя шрифт?
Как мога да ускоря зареждането на моя шрифт?

Видео: Как мога да ускоря зареждането на моя шрифт?

Видео: Как мога да ускоря зареждането на моя шрифт?
Видео: НЕЗАКОННЫЕ Эксперименты над КРАСНЫМ из РАДУЖНЫЕ ДРУЗЬЯ в VR! 2024, Април
Anonim

Позволете ми да ви покажа стратегия за по-бързо зареждане на шрифтове

  1. Слагам Шрифтове на CDN. Едно просто решение за подобряване на сайта скорост използва CDN и това не е различно за шрифтове .
  2. Използвайте неблокиращ CSS Зареждане .
  3. Отделно Шрифт Селектори.
  4. Съхранение Шрифтове в localStorage.

Впоследствие може да се запитаме и как мога да накарам Google Fonts да се зареждат по-бързо?

  1. Заредете Google Fonts първо преди CSS. Поставете кода за импортиране на Google така, че да се зарежда първо директно след маркера HTML HEAD, ДОРИ преди да зареди CSS файла.
  2. Използвайте формат на връзката. Има 3 начина, по които можете да заредите Google Fonts ‚ @import, link rel и javascript.
  3. По-малко шрифтове.
  4. Комбинирайте вашите шрифтови кодове.
  5. Заключение.

Второ, шрифтовете на Google забавят ли уебсайта? Външен шрифт скриптове като Typekit или Google Fonts се забавя вашия сайт. Typekit е най-лошият за скорост. Websafe шрифтове гарантирано са по-бързи. Според HTTP Archive към октомври 2016 г. web шрифтове са малко над 3 процента от общото тегло на една средна страница.

Също така знаете, как оптимизирате шрифтовете?

Ето някои стъпки, които можете да предприемете, за да оптимизирате доставката на вашите шрифтове

  1. Одитирайте и наблюдавайте използването на шрифтове.
  2. Подмножество шрифтови ресурси.
  3. Предоставете оптимизирани формати на шрифтове за всеки браузър.
  4. Дайте предимство на local() в src List.
  5. Поставете заявката за шрифт рано.
  6. Правилното кеширане е задължително.

Как да заредя шрифт в уебсайт?

Правилото @font-face CSS, обяснено по-долу, е най-често срещаният подход за добавяне на персонализирани шрифтове към уебсайт

  1. Стъпка 1: Изтеглете шрифта.
  2. Стъпка 2: Създайте комплект WebFont за кръстосано сърфиране.
  3. Стъпка 3: Качете файловете с шрифтове във вашия уебсайт.
  4. Стъпка 4: Актуализирайте и качете своя CSS файл.
  5. Стъпка 5: Използвайте персонализирания шрифт във вашите CSS декларации.

Препоръчано: