В чем преимущество использования загрузчика скриптов по сравнению с конкатенацией файлов скриптов в процессе сборки?

Question

Я много слышал о загрузчиках скриптов, таких как RequireJS.В чем преимущество использования загрузчика сценариев по сравнению с конкатенацией исходных файлов в процессе сборки?

Answer 1

Объединение ваших исходных файлов в процессе сборки имеет то преимущество, что вы, клиент, должны делать меньше запросов, а издержки на запросы уменьшаются, а время загрузки страницы уменьшается, что делает его быстрее например. Предположим, у вас есть 10 файлов javascript, теперь браузер должен делать 10 HTTP запросов, и каждый запрос теперь имеет свои собственные издержки (заголовки запросов и ответов), если вы объединяете эти 10 файлов в 2 или 3, то есть только 2 или 3 HTTP запросы, таким образом, уменьшая накладные расходы. также любой клиент, соответствующий спецификации HTTP 1.1, не допускает более двух одновременных подключений к одному домену, поэтому вы понимаете, почему важно иметь меньше подключений (запросов)

тогда как загрузчики сценариев используются для загрузки javascript по требованию, это означает, что если вам понадобится какой-то javascript, только если пользователь вводит текст в конкретное текстовое поле, вы не запрашиваете этот javascript при загрузке страницы, а загружаете его только тогда, когда он востребован (пользователь вводит текст в поле). например, когда вы помечаете фотографии на Facebook, необходимый для пометки javascipt недоступен при загрузке страницы с фотографиями, но запрашивается при попытке пометить фотографии

Answer 2

Загрузчики сценариев полезны, чтобы избежать необходимости загружать большие объемы файлов JavaScript в ситуациях, когда вам может не понадобиться все это: например, страница использует только 2 из 50 доступных модулей, затем вы можете использовать загрузчик сценариев для получать только те фрагменты, которые вам интересны, а не собирать все 50. Это ускоряет загрузку вашей страницы и снижает затраты на пропускную способность.