Ваши пользователи ждут. Каждый килобайт JavaScript, загружаемый до отрисовки первого пикселя – невидимый барьер между ними и вашим приложением. Одно исследование Google показало: вероятность отказа увеличивается на 32% при задержке загрузки от 1 до 3 секунд. Монолитные бандлы – давно не решение, а проблема. Разделение кода – не опция, а необходимость.
Почему бандлы-монстры убивают производительность?
- Генезис лагов: Браузер парсит и компилирует JavaScript однопоточно. Бандл в 500 КБ обрабатывается 100 мс на среднем устройстве, 2 МБ – уже 400 мс только на компиляцию
- Сеть – не оптоволокно: Пользователи 3G заплатят 16 секунд за загрузку 2 МБ (даже с gzip)
- Waterfall блокировка: Реакт не рендерит DOM, пока не выполнит основной поток JS полностью
Разделение кода элегантно решает это: загружать только то, что нужно для текущего viewport. React предоставляет инструменты – используем их правильно.