Целисообразно ли размещать CSS-стили плагинов в файле style.css темы?

Question

[lakegull]

Здравствуйте!
Дорабатываю адаптивную вёрстку одной из тем на WordPress. Кроме темы нужно сделать адаптивными несколько плагинов, чтобы всё это вместе смотрелось на ура.
Посоветуйте, как лучше:
1) создать media queries в файле со стилями каждого интересующего плагина, по аналогии с style.css темы.
2) поместить стили плагинов в уже созданные media queries в файле style.css темы

Answer 1

[Alex]

Если плагины свои, то можно и в стилях плагина. Если же плагины с wordpress.org, то только в теме. Потому что при обновлении будут затираться стили.

Comments

[lakegull]

хорошая мысль

Answer 2

[Александр]

Я бы в стилях каждого плагина написал собственные media queries. Так проще их найти.

Comments

[lakegull]

Да в принципе найти то не проблема, обычно я у каждого класса оставляю комментарий, да и через браузер не проблема найти, где что лежит. Вопрос в том, не создаёт ли дополнительной нагрузки размещение всех стилей в style.css?

[Sanes]

lakegull: Создает нагрузки, когда в хедере 25 файлов стилей подключено.

[Александр]

Sanes: use gulp, Luke!

[lakegull]

Sanes: Правильно ли я понимаю, каждый включённый плагин добавляет +1 файл стилей к хедеру?

[Sanes]

Александр: В вордпрессе? Покажи мне сайт, где стили объеденили.

[Sanes]

lakegull: А это уже от вас зависит. Может ваш плагин обходится без стилей или использует стандартные.

[lakegull]

Sanes: Если плагины со своими стилями, тогда нагрузка создаётся, верно?

[Sanes]

lakegull: 1 файл = 1 запрос на сервер

Answer 3

[Максим]

На самом деле вам бы почитать про адаптацию загрузки сайта. Первоочерёдно загружаем из освновные стили, загружая их прямо в header.php. Например bootstrap.min.css, а так же css код, который отвечает за загрузку первой видимой области. Ну и остальные CSS и JS подключаем через loadCSS и аналогично js. В итоге получаем Google Page Speed 95-100% :)