Как повлияет данная компрессия?

Question

[Сергей Дефактов]

Скажите пожалуйста сейчас на сайте разные плагины и тема грузят около 30 css стилей каждый по отдельности , что изменится если все стили сделать в 1 файл и сжать ? как повлияет на работу будет ли быстрей сайт?

Answer 1

[Андрей Павленко]

Ну, начать бы стоит с того, что убрать лишние плагины. 30 файлов - слишком много.
Если сжать в один файл - будет позитивное изменение. 1 запрос размером 1000 кб работает быстрее, чем 10 по 100 кб, так как есть задержки на соединения, кое-какие ограничения браузеров, да и передача лишней информации из-за http-заголовков.
Еще лучше будет, если вы сделаете картинку предзагрузки - покажете какую-то иконку загрузки, а сами CSS-стили будете качать в фоновом режиме.

Comments

[Сергей Дефактов]

покажете какую-то иконку загрузки, а сами CSS-стили будете качать в фоновом режиме.
это интересно , мооожно какой нибудь пример ссылку?

[Сергей Дефактов]

и скажите пожалуйста как с js? все в 1 файл тоже пройдет или уже возникнут проблемы?

[Андрей Павленко]

Сергей Дефактов, с JS обычно без проблем тоже.
На тему CSS-стилей - гуглите css preload. К сожалению, технология довольно запутанная, поэтому готового решения я вам не смогу предоставить.
Советую изучать пакеты-сборщики, которые все эти вещи автоматизируют и упрощают. Начните с того, что погуглите GULP https://learn.javascript.ru/screencast/gulp , но там еще придется немного изучить Node.JS
Это все не мгновенные решения, но определенно те направления, которые стоит изучать, если вас интересует frontend