Как лучше распределить объемный css файл со стилями для оптимизации?

Question

[Анита Ковалева]

Всем привет, есть сайт с посадкой под WP и стили к шаблону весом уже 90кб, если ли смысл "резать" этот css файл добавив в шапку стили шапки, и видимой части(+1-2 секции), а все остальное перенести в футер. Скажется ли это на отображении внутренних страниц у которых основная часть main будет хватать этот css из подхватываемого файла из футера?

Answer 1

[Анатолий Куликов]

Лучше, когда css грузится одним файлом.
Он минифицирован? Если нет, то сделайте это. Размер немного, да уменьшится.

Comments

[Анита Ковалева]

Минифицирован, там просто стили 37 страниц и google speed insight явно указывает на достаточный размер.

[Дархан]

С чего бы? Человеку придется ждать полной загрузки этого стиля ведь.
Разбивать на чанки,не?

[Анита Ковалева]

Дархан Камалиев, Я тоже в свое время видела этот "хак", по распределению загрузки стилей для браузера, что-то типо когда slow 3g - важнее всего прогрузить те самые шапку и 1-2-3 секции, а потом грузить стили остального контента, но не знаю насколько подтверждена эта практика на деле.

[Дархан]

Анита Ковалева, был проект на laravel,натянул верстку,склеил app.css,а он 270кб оказался,ну такое себе.