13 / 21
Как анализировать и уменьшить размер бандла React-приложения?
Анализ бандла начинается с визуализации: webpack-bundle-analyzer или rollup-plugin-visualizer показывают, какие модули сколько весят. Уменьшение включает: code splitting (ленивая загрузка маршрутов и тяжёлых компонентов), замену тяжёлых библиотек лёгкими аналогами, tree shaking, динамические импорты и вынос редко используемого кода в отдельные чанки.