Термин · Frontend разработчик
Bundle
Bundle — собранный пакет JavaScript, CSS и зависимостей, который браузер загружает для работы приложения. Чем больше критичный bundle, тем дольше пользователь ждёт первый полезный экран.
Что означает
Измеряйте не только общий размер сборки, но и то, какой код нужен на первом экране конкретной страницы. Тяжёлые редакторы, графики и административные функции обычно выносят в отдельные chunks и загружают по действию пользователя.
Пример применения
На витрине не нужен редактор диаграмм: его код загружается только после открытия раздела аналитики. Основной bundle уменьшается, а первая отрисовка не ждёт лишнюю библиотеку.
Синонимы и варианты
Частые вопросы
Что такое Bundle?
Bundle — собранный пакет JavaScript, CSS и зависимостей, который браузер загружает для работы приложения. Чем больше критичный bundle, тем дольше пользователь ждёт первый полезный экран.
Где применяется Bundle?
Измеряйте не только общий размер сборки, но и то, какой код нужен на первом экране конкретной страницы. Тяжёлые редакторы, графики и административные функции обычно выносят в отдельные chunks и загружают по действию пользователя.
Как выглядит пример Bundle?
На витрине не нужен редактор диаграмм: его код загружается только после открытия раздела аналитики. Основной bundle уменьшается, а первая отрисовка не ждёт лишнюю библиотеку.
Связанные термины
Где встречается
При анализе Web Vitals, ревью зависимостей и настройке CI budget. Сравнивают размер начальной загрузки до и после изменения на одинаковом устройстве и сети.
Ошибки понимания
Маленький общий bundle не гарантирует быструю страницу. Критичны порядок загрузки, выполнение JavaScript, изображения, шрифты и код именно текущего маршрута.
Редакция Ariol · Версия 3 · Обновлено
Независимая экспертная проверка не заявлена.
Что обновлено
- — Обновлено: Пример, Определение, Объяснение, Синонимы, Где встречается, Ошибки понимания, Заголовок поиска, Описание поиска, Поисковые фразы.
- — Обновлено: Где встречается, Ошибки понимания.
Материал предназначен для обучения. Адаптируйте рекомендации к внутренним регламентам компании и условиям проекта.
Предложить исправление через контакты Ariol