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