Стоит ли конкатенировать JS / CSS файлы?

Question

[HoHsi]

Добрый вечер!
Стоит ли использовать конкатенацию JS / CSS файлов? Лично я сейчас вижу ряд преимуществ и недостатков:
Преимущества:
* Nginx отдает только 2 файла статики.
* Можно использовать `async` атрибут, так как все в одном файле.
* Ничего не потеряется.
* Gzip будет лучше сжимать (возможно).

Недостатки:
* Версионирование. Даже при малейшем изменение скрипта, клиенту придется скачивать все заново.
* Объем файла. Скажем есть это JQ2 или Angular, то конкатенированный файл будет весить ~100 - 200kb. (Плохо для мобилок).

Сталкивались ли вы с такими вопросами, и в какую пользу сделали выбор?

Comments

[Eduards Vigulis]

Я уже задавал похожий вопрос, возможно вам будет интересно почитать: Нужно ли складывать много маленьких JS файлов в один большой?

Answer 1

[Алексей Лебедев]

Сливаем.
У меня разбито так:
- библиотеки и ядро, которые редко меняются.
- часто меняемая часть.

В общем 3-4 файла гораздо лучше, чем 20.

В общем хорошо, когда внешних файлов не более 6.
Это учитывать и favicon и картинки.

Answer 2

[biostrain]

Я лично объединяю файлы. И преимущества вы правильно описали.
А про недостатки.. Скрипты не так часто меняются, клиент даже не заметит. А для мобилок можно отдавать "облегчённую" версию.

Comments

[Алексей Лебедев]

Для мобилок много маленьких файлов тоже плохо.

[biostrain]

Алексей Лебедев: Да, для мобилок тоже объединять в один (или парочку) файлов. Но брать для объединения уже js/css для мобильной версии.

[HoHsi]

Алексей Лебедев: если не ошибаюсь "большие" браузеры ходят в 5 потоков, а мобилки в 1-3

Answer 3

[sim3x]

caniuse.com/#feat=http2

Как обычно - смотрим на своего пользователя, потом на пользователя, который нам (клиенту) приносит доход и под него подстраиваемся

С точки зрения софта для фронтенда и вебсерверов - все уже сделано

Nginx отдает только 2 файла статики.

картинки ты не используешь?

Можно использовать `async` атрибут, так как все в одном файле.

он и так используется если браузер умеет

Ничего не потеряется.

бред

Gzip будет лучше сжимать (возможно).

точно лучше

Версионирование. Даже при малейшем изменение скрипта, клиенту придется скачивать все заново.

если у клиента 90% новых пользователей, то как-то фиолетово

Объем файла. Скажем есть это JQ2 или Angular, то конкатенированный файл будет весить ~100 - 200kb. (Плохо для мобилок).

кому плохо, а кто через 4г ходит или wifi