Закрыть

Страница поста от канала Defront — про фронтенд-разработку и не только

Defront — про фронтенд-разработку и не только
18.02.2021 23:02
Саймон Харн рассказал о том, как предотвратить сдвиг контента из-за загрузки web-шрифтов — "How to avoid layout shifts caused by web fonts". Сдвиг контента (CLS) — это метрика Web Vitals, в будущем она будет влиять на алгоритм ранжирования результатов Google. Самый железный вариант предотвращения сдвига из-за загрузки шрифтов — использование font-display: optional. В этом случае браузер будет ждать загрузки шрифта 100мс, делая фоллбек на системный шрифт после истечения этого времени. Таким образом при первом посещении сайта пользователи с большой вероятностью увидят страницу с фоллбек-шрифтом без сдвига контента; при переходах на другие страницы сайта шрифт будет уже находится в кэше браузера и будет применяться к тексту на странице без задержек. Если font-display: optional использовать невозможно, тогда нужно оптимизировать время доставки шрифта. Для этого можно использовать сабсеттинг, отказаться от формата woff и использовать woff2, делать предзагрузку шрифтов. Если используется font-display: swap, тогда нужно настроить метрики шрифта фоллбека так, чтобы они совпадали с загружаемым шрифтом, в этом могут помочь font-display modifiers (f-mods) — новые свойства @font-face. #performance #fonts https://simonhearne.com/2021/layout-shifts-webfonts

Обращаем внимание, что мы не несем ответственности за содержимое(content) того или иного канала размещенный на нашем сайте так как не мы являемся авторами этой информации и на сайте она размещается в автоматическом режиме


Вы не ввели Email
Вы не ввели текст комментария

Путь репера Ганвест, порнография, прямая бочка, трэп и успех

#Заметка

Лейбл Zhara Music может похвастаться не только артистами в топах всевозможных стриминговых сервисов, но и певцом, актером и просто...

17.02.2019

Большой Фестиваль Роботов @festivalrobotov впервые в Краснодаре - в OZ Mall с 2 марта! Такого ты никогда не видел!

- Новейшие роботы с презентации в Лас-Вегасе
- Арена с 7 разными техношоу
- Красная...

08.02.2019

Муж Даши Коноваловой - Кирилл Шейхаметов, сын основателя "Якитории" и уже год как партнера Павла Те Олега Шейхаметова. Папа застраивает 1-ю Институтскую улицу рядом с Нахабино, сын - дарит Даше пятикаратники)...

06.02.2019

выгрузка ЕСКЛП публикуется по мере обновления ЕСКЛП на FTP-сервере ftp://ftp.esklp.rosminzdrav.ru/ (справочно), для FTP-сервера: Логин: esklp_xls, Пароль: bUUZSZ6e. Берете файлы с названием esklp-smnn...

24.01.2019

MySQL и БИТовое И
Как я строил связь много ко многим через «БИТовое И».
Задача: сделать отношение между категориями и продуктами БЕЗ промежуточной таблицы (такова специфика архитектуры). Один продукт может...

05.10.2018

Не полное ТЗ: Углы прямые, трубы параллельны. Что не так-то? #юмор

28.09.2018

Как найти все сообщения в чате от одного участника

Откройте поиск, нажмите на иконку "человека" и введите @юзернейм или имя пользователя.
Так вы сможете просмотреть всю историю сообщений участника.

21.06.2018

Возможно Вас заинтересует еще и это: