@lexstile

Что делать со шрифтами, как оптимизировать?

Делаю проект, подключил шрифты - font awesome и open sans ~ 3,1 Мб.
Вопрос: так и оставить или есть какие-то методы оптимизации? (Допустим, использовать через cdn или какие-то еще)
  • Вопрос задан
  • 191 просмотр
Решения вопроса 1
Odisseya
@Odisseya
Оптимизирую PageSpeed & Performance
Оптимизируйте размер шрифтов:
  • Из font awesome возьмите только фактически используемые глифы и на их основании сгенерируйте собственный шрифт.
  • open sans — конвертируйте и подключите как woff2 и woff — отберите 2-3 фактически
    используемых начертания, у которых возьмите только нужные charset (например, cyrillic)).


Оптимизируйте загрузку и рендеринг шрифтов:
  • Используйте свойство font-display (также можно сделать фоллебек из визуально схожих системных шрифтов)
  • Приоритезируйте загрузку шрифтов "из первого экрана", например:
    <link rel="preload" as="font" type="font/woff2" crossorigin="" href="*.woff2">

Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы