AMD или конкатенация + минификация?

Question

[zugo]

Какой подход обеспечивает наибольшую скорость загрузки и работы web-приложения? Асинхронная подгрузка модулей по мере необходимости (например, с помощью requirejs), или конкатенация всего JS в один файл (с последующей минификацией)?

Можно предположить, что AMD оправдано, когда в приложении очень большой объем кода, и лучше грузить его частями, а "склейка" в один файл больше подходит для небольших приложений. Но, может быть, загрузка отдельных модулей замедлит работу приложения в целом?

Answer 1

[Philipp]

Загрузка действительно замедляется. У нас сейчас приложение из примерно 30 модулей и весьма заметен прирост в скорости загрузки, если все собирать в один бандл. Особенно заметно стало после перехода внутрь SSL-туннеля. Подобное рекомендуется делать и для CSS тоже.
Модуляризация хороша и удобная для разработки, отладки и тестирования, но в продакшене лучше использовать оптимизированную версию.

Answer 2

[Sergey Romanov]

Можно предположить, что AMD оправдано, когда в приложении очень большой объем кода, и лучше грузить его частями, а "склейка" в один файл больше подходит для небольших приложений.

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

Например приложение которое мы разрабатываем модульное. Модули могут писать 3d party. В конечном итоге, у человека может быть установлено 20мб минифицированого кода. Конечно можно было бы это все в одни файл, но проблема в том что конечный клиент который посещает сайт, можно вобще не зайти в другой модуль ни когда. Так зачем его грузить?

Вот от этого и надо оталкиваться. Что конечный пользователь будет делать, и на сколько есть большоая вероятность что он ни когда не воспользуется большой частью кода.

Comments

[Евгений Петров]

А существует ли вариант — делать предзагрузку, скажем, по статистике переходов?

[Philipp]

AMD хорошо подходит тогда, когда ваше приложение многостраничное и содержит большое количество редкоиспользуемых модулей.
Просто если на вашей странице будет включено 20 модулей, то они все будет загружены. А если 100, то все 100. Просто загрузка 100 модулей делает ваше приложение очень нестабильным. И чем больше будет отдельных модулей, то менее надежным будет приложение.
Кстати, рост количества запросов к вашему серверу будет подобен снежной лавине при росте количества клиентов.

[Sergey Romanov]

@Petroveg а кстати это не плохая идея! Ты имеешь в виду делать предзагрузку с AMD или слить в одни файл все часто используемые модули.

Там будут как бы коре модули. Например acl, navigation, user, ... то есть модули без которых работать приложение вообще не будет. Думаю их можно даже и в одно слить. А вот модули которые предположительно будут добавлять сторонние разработчики, ну там только AMD по мне так.

Что думаешь?

[Евгений Петров]

Я думал про основу — core сливаются воедино и грузятся, это понятно. Из остальных модулей выделяется группа самых часто используемых и сливается воедино для фоновой загрузки. То бишь приложение открыли, основа качается синхронно. А второй файл грузится асинхронно, чтобы не мешать. Оставшиеся файлы грузятся по мере необходимости — шанс этого небольшой.

Не знаю, насколько это практично:) В принципе, и критерии может быть другими — не обязательно только статистика.

[Sergey Romanov]

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

Вот и получится все коре в один, и каджый модуль в один. Получится по файл на модуль. Как так планировал. Но слить несколько модулей в один тоже не плохая идея. Некоторые модули могут быть так малы что это даже удобно.

Надо будет думать. Пока до этого не дошли еще что бы так опимизировать. Но хорошо уже сейчас об этом думать.

Спасибо.