Запропонувати правкуПокращити цю статтюДопрацюйте відповідь до «Що таке code splitting?». Ваші зміни проходять модерацію перед публікацією.Потрібне підтвердженняКонтентЩо ви змінюєте🇺🇸EN🇺🇦UAПереглядЗаголовок (UA)Коротка відповідь (UA)**Code splitting** - це техніка розділення підсумкового бандла на кілька дрібніших частин замість одного великого файлу, що дозволяє завантажувати тільки той код, який реально потрібен у цей момент. **Ключове:** code splitting робить застосунок швидшим і ефективнішим, бо користувач завантажує лише потрібний код, а решта підтягується пізніше.Показується над повною відповіддю для швидкого нагадування.Відповідь (UA)Зображення**Code splitting** - це техніка розділення підсумкового бандла на кілька дрібніших частин замість одного великого файлу. У Webpack це дозволяє завантажувати тільки той код, який реально потрібен у цей момент. --- ### Навіщо це використовується - **прискорює початкове завантаження сторінки** - не потрібно вантажити весь JS одразу - **зменшує розмір основного бандла** - **завантажує додаткові модулі "за вимогою"** --- ### Типові приклади 1. **Розділення vendor-коду** (React, lodash, moment тощо) в окремий бандл 2. **Лінива завантаження сторінок** у SPA (динамічні `import()`): ```js import('./Page.js').then(...) ``` 3. **Оптимізація через** `splitChunks` у Webpack --- ### Підсумок Code splitting робить застосунок швидшим і ефективнішим за рахунок того, що користувач завантажує тільки потрібний код, а решта підтягується пізніше, у міру необхідності.Для рев’юераПримітка для модератора (необов’язково)Бачить лише модератор. Прискорює рев’ю.