Отложить CSS файлы блокирующие отображение

Чтобы начать показывать сайт, браузеру нужно сначала скачать все файлы стилей, но этот процесс можно оптимизировать.

Заказать
исправление

Как сделать
самостоятельно

Проверить
вручную

Почему это важно:

Если проверить сайт в ресурсе PageSpeed Insights, то этот пункт там имеет название «Устраните ресурсы, блокирующие отображение».

Обычно эта ошибка показывается в самом верху списка, так как всё это действительно сильно тормозит загрузку.

Но это общий пункт в котором могут содержаться CSS стили и JS скрипты.

Устраняются стили и скрипты совершенно по разному, поэтому для нас с вами задача делится на два этапа и это две разные услуги.

Что входит в услугу:

CSS стили влияют на визуальную часть, поэтому обязательно нужно:

Собрать все стили, которые влияют на дизайн верхней части сайта (экстренные стили)
Встроить их в саму страницу в блок HEAD (эта технология называется "инлайн стили")
Потом отложить загрузку всех файлов со стилями (для этого используются специальные скрипты, которые надо аккуратно внедрить)

Общее время загрузки сайта при этом не изменится, а вот визуально сайт будет прорисовываться гораздо быстрее. Пока пользователь просмотрит верхнюю часть, уже успеет загрузиться всё остальное.

В цену входит проработка одного блока HEAD. Если у вас блок HEAD для разных шаблонов используется разный (я давно не встречал таких сайтов, но мало ли), то вероятно придётся повторить процедуру для всех шаблонов.