Запитання про code splitting можуть задати в контексті оптимізації Frontend аплікацій. Цей підхід використовується щоденно тому його необхідно розуміти не тільки для інтервʼю.
Code splitting - це техніка оптимізації завантаження сторінки, при якому ми ділимо JavaScript-код на кілька менших частин (bundles) і замість завантаження одного великого файлу, ми паралельно підвантажуємо декілька невеликих частин.
Окрім паралельного завантаження, code splitting дозволяє завантажувати код не відразу, а тоді коли він нам дійсно потрібен. Таким чином ми можемо підвантажувати код на фоні, щоб це не впливало на UX.
Наприклад, у нас є один великий JavaScript файл, який використовується на HTML сторінці. Без використання code splitting браузеру доведеться витратити більше часу, на його завантаження. Якщо в користувача погане інтернет зʼєднання, ви можете ненароком підпалити йому пʼяту точку і він не дочекається завантаження вашого сайту.
А тепер уявіть, якщо це велика CRM i більшість цього коду не потрібна для першого завантаження. Саме тому використовується code splitting. Він дозволяє зменшити розмір початкового JavaScript bundle, швидше показати перший контент користувачу, а додатковий код підвантажувати фоново чи за потреби.