Правда ли загрузка сайта происходит быстрее если стили отпустить в самый низ?

Question

[Сергей Ракипов]

Не давно услышал такое что если стили отпустить вниз то скорость загрузки сайта будет в 2-3 раз быстрее.
То есть вверху делается проста заглушка виде белого фона что бы не грузился "поломанный сайт"

Answer 1

[approximate solution]

Правда ли загрузка сайта происходит быстрее если стили отпустить в самый низ?

Скорее создать критический css для первого экрана Critical Css, а все остальные стили которые не важны для первой отрисовки вынести в футер и загружать ассинхронно.

Всё это положительно влияет на метрики гугла, а именно на First Contentful paint https://web.dev/first-contentful-paint/

Comments

[Сергей Ракипов]

а как это понять какие важны а какие нет для первой отрисовке

[approximate solution]

Сергей Ракипов,

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

https://www.dns-shop.ru/