Почему разработчики не объединяют скрипты?

Question

[Богдан Герасименко]

Почему большинство разработчиков тем и шаблонов не объединяет скрипты в один файл?
К примеру все стили в один CSS? Им влом или этому есть объяснение?

UPD.: Для себя вижу такое решение: стили и файлы одинаковые для всех страниц объединяем в один файл, например (style.css, scripts.js), а подключаемые модули выносим отдельными файлами (slideshow.css) ибо они используются на определенных страницах и нет смысла грузить их лишний раз, за компанию. Спорным остается вопрос про Bootstap, FontAwesome. Я подгружаю их через @import, а не через link и в основную таблицу стилей их не переношу.

Answer 1

[Anton Filippov]

Я наоборот разделяю исходники, вплоть до отдельных sass файлов для шапки, контента, сайдбара и т. п.
Еще я разделяю html-файлы и include их потом. Комфортнее работать с кодом, который умещается на 1-3 скролла в редакторе.
Но в продакшен идет один объединенный минифицированный css-файл.
А те, кто так не делают, просто индусы или типа того)
Либо, как вариант, ориентация на поддерживаемость кода без исходников. (Не все знают про препроцессоры, например)

Comments

[littleguga]

А если стили подключаются в зависимости от media? Зачем всё в один файл?

[fedot1325]

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

[Sanes]

fedot1325: дело дадаже не в килобайтах, а в кол-ве запросов. Особенно радует во всяких Wordpress/Joomla и т.п. когда с десяток стилей в шапке и по столько же скриптов снизу и сверху.

[Богдан Герасименко]

Sanes: с этим однозначно нужно бороться.

[Volodimir Babeshko]

fedot1325: Килобайты стилей и скриптов для админки загружаются (должны) только в шаблоне админки и лежат скорее всего отдельными файлами в другом месте.

[fedot1325]

Konstantin Abaiev: ну вот я и говорю, что зачем же их объединять в один файл стилей/скрипта, только вот зачем их в другое место класть?

[Volodimir Babeshko]

fedot1325: можно конечно подгружать на каждом шаблоне свой отдельный файл стилей и один общий с общими стилями, НО тогда нужно изначально верстать, чтобы было четкое разделение стилей по файлам шаблонов, но тогда кеширования не будет при переходе на новый шаблон, а вообще это как ниже написали лишний гемор при верстке

[fedot1325]

Konstantin Abaiev: почему не будет кэширования? Не обязательно же их одинаково называть

Answer 2

[Vladimir Abramov]

А вот давай подумаем что дает сжатие в один фаил?
Типа один запрос к серверу и трафика поменьше. А теперь начинаем копать глубже.

1. Много запросов - имеем с одной стороны параллельную загрузку с другой стороны, keepalive соединения и переход на http2 в ближайшей перспективе.
2. Экономия трафика. Кто нибудь считал реальный выигрыш между минимизацей и gzip, что используется почти всеми серверами и браузерами? 10-15% выигрывает сжатый минифицированный перед сжатым не минифицированным.

А теперь смотри дальше. Вот у меня вебаппа на 400кб. Вся такая модульная в разработке и слитая в 1 фаил при деплое. Я меня 1(!) символ и этого достаточно чтобы кэш полностью инвалидировался - все 400кб! Вместо того чтобы перегрузился один модуль в 10кб.

Итого особых достоинств в современном вебе у слияния фаилов нет, а вот лишний гемор есть.

Comments

[Sanes]

А разработка какое отношение имеет к склейке?

[Богдан Герасименко]

Sanes: автор наверное имел ввиду, что если нужно обновить один файл, то придется юзерам полностью очищать кэш. Даже не знаю, что по этому поводу сказать. Сам пытаюсь понять, насколько эффективно объединение всех стилей в один файл.

[Sanes]

Богдан Герасименко: есть специальные плагины для этого дела. Например для Modx https://modstore.pro/packages/utilities/minifyx

[Sanes]

Богдан Герасименко: Бери да обновляй по отдельности. У меня на хостинге лежат Uikit или Bootstrap по 2 десятка Less плюс скриптов с десток. На выходе 1 файл CSS и один JS

Answer 3

[Радмир]

Так проще разрабатывать, вот например мы верстаем шаблон, и вся сетка и все ее поведение лежит в отдельном файле - grid.css, он очень редко меняется и поэтому проще его выделить. А например все цветовые решения которые определяют внешний вид и прочее лежит уже в другом файле, например style.css
Так получается что когда ты чаще всего меняешь только цвета и небольшие блоки тебе проще редактировать только style.css и не видеть еще 5000 строк кода который ты редактируешь дай бог раз в месяц.

Кроме того часто подключаются еще готовые фреймворки вроде bootstrap.css или отдельные css для каких либо компонентов - swideshow.css

А по поводу почему разработчики не объединяют - в той де джумле есть встроенный в шаблоны скрипт который объединяет все эти css и js и архивирует.

Answer 4

[Sanes]

Влом наверное. Да и зачем им это, есть мастер, который сделает, как надо.
Я работаю с Modx, там есть замечательный снипет, который объединяет стили /css/less/sass и скрипты. Вроде и у других CMS есть нечто подобное. По крайней мере компиляторы less/sass не редкость.