Ресурсы, блокирующие отрисовку
Файлы стилей и скриптов, которые браузер должен загрузить и обработать прежде чем сможет показать страницу на экране.
- 01
Почему это важно
Каждый файл стилей, загружаемый в начале страницы, и каждый скрипт, которого она ждёт, задерживают появление первого содержимого. Встраивание критических стилей, загрузка остальных позже и откладывание скриптов сокращают это ожидание. Эффект особенно заметен на мобильных устройствах и медленных соединениях.
- 02
Пример
Скрипт чат-виджета, загружаемый в начале сайта, задерживает появление страницы на секунду. После того как скрипт откладывается, страница появляется сразу, а кнопка чата приходит через несколько секунд.
- 03
Частая ошибка
Откладывать все стили. Без критических стилей страница сначала появляется неоформленной, а затем резко меняется; стили, необходимые для первого экрана, должны загружаться сразу.
- 04
Связанные термины
Связанные услуги и руководства
Обсудим ваш проект.
Расскажите о задаче — объём определим вместе.