Стоит ли делить css на несколько файлов для продакшена в 2020 году?

Question

[Roweb]

Замечаю, что на большинстве сайтов css расположен в одном файле. А так ли это нужно в 2020 году с http2? Допустим у меня есть сайт на 40 страниц, который будет состоять из 3 частей, которые не пересекаются по стилям, то есть у них не будет общих стилей. Стоит ли на продакшен отправлять 3 отдельных файла css или зашить все в один?

Answer 1

[Виталий Першин]

Сеошники потребуют в любом случае.
А на практике зависит от того что будут делать с вашей версткой потом, потому что на бекенде может быть реализация своего объединения и минификации файлов.
Если уж выплевывать все одним файлом, то должна быть предоставлена и черновая альтернатива со всеми библиотеками по отдельности иначе потом это все невозможно будет поддерживать.

Comments

[Roweb]

На бэкенде сборки не будет. Понятно, что для разработки нужно делить код на файлы, интересует только продакшен. А как вообще на сео это сказывается?

[Виталий Першин]

Roweb,

А как вообще на сео это сказывается?

Это больше вопрос к сеошникам, сколько сеошников, столько и мнений. Некоторые запаяны на pagespeed insight и будут требовать выполнения всех пунктов, хоть сайт весь сломай, но сделай.. но опять же это не входит в ваши обязанности, это в перспективе, когда уже идет речь об поисковой оптимизации.

Я лично не объединяю библиотеки, они лежат отдельными папками и подключаются отдельно, я только свой css и js минифицирую, но рядом кладу файлы без минификации и отдельно даю исходные файлы в том числе изображения и все они имеются одинаковые названия и иерарахию, таим образом подключить в проект исходники можно просто перетащив необходимые файлы. Никто не жаловался, но некоторые вообще благодарили за такой подход, потому что на своих движках им было удобнее самим все это делать.

Answer 2

[Антон Литвиненко]

Мой первый сборщик из какого-то урока собирал два файла - минифицированные все стили и минифицированные скрипты. Достаточно быстро я понял, что это неподдерживаемая хрень и на всякий случай стал собирать это в двух вариантах - миниф и обычное. Дальше больше. Я отделил весь чужой код от своего и получил уже комплект из libs.min.css, libs.min.js, main.css, main.min.css, common.js, common.min.js. В файле с либами скриптов первым шел самый свежий jquery и собственно он заставил меня снова модифицировать сборку. Так как я часто работаю с вордпресс, я столкнулся с несовместимостью последней версии jquery с некоторыми плагинами. теперь у меня еще и отделено от jquery, для того, чтобы я мог использовать любую версию.

Добавлю ещё. Если имеем сайт на wp, то независимо от того сколько моих css файлов ещё куча будет системных, часть из которых можно отключить и у каждого плагина будут свои. Тут решений немного, нужно ставить плагин типа autoptimize, который склеит весь css в один файл и минифицирует его