# optimize-bundle-size

Анализирует и уменьшает размер фронтенд-сборки через настройку бандлера, код-сплиттинг и удаление мёртвого кода. Пригодится при росте веса JS-бандла и падении скорости загрузки страниц.

- команда · `type=command` · Claude Code · 535 установок
- Автор: davila7
- Лицензия: MIT · policy=mirror · начало файла — в конце страницы
- Исходник: https://github.com/davila7/claude-code-templates/tree/HEAD/cli-tool/components/commands/performance/optimize-bundle-size.md
- Обновлён: 2026-10-24
- HTML: https://affpapa.org/nevibecode/commands/optimize-bundle-size

## Что делает

Команда запускает пошаговую оптимизацию клиентского бандла. Агент находит тяжёлые зависимости с помощью инструментов вроде `webpack-bundle-analyzer`, проверяет конфигурацию сборщика и фиксирует базовые замеры веса. Затем настраивает динамические импорты для маршрутов, сжатие ассетов и правила tree shaking, исключая неиспользуемые модули.

Сценарий рассчитан на работу с Webpack, Vite или Rollup через флаги `--webpack`, `--vite` или `--rollup`. Команде разрешён доступ к инструментам `Bash`, `Read`, `Grep` и `Glob`, поэтому Claude Code сможет напрямую исследовать проект и запускать профилирование в консоли.

Для устойчивого контроля команда помогает настроить проверку бюджетов производительности и валидацию размера бандла в CI/CD. Без установленного бандлера или возможности собрать проект в терминале выполнить замеры не получится.

## Установка

### Claude Code (родная платформа)

1. **Через claude-code-templates**
```bash
npx claude-code-templates@latest --command performance/optimize-bundle-size
```

2. **Вручную: положить файлы**
- Файл: `.claude/commands/optimize-bundle-size.md` — Вызов — /optimize-bundle-size. Для всех проектов — ~/.claude/commands/

### Codex

**Вручную: положить файлы**
- Файл: `~/.codex/prompts/optimize-bundle-size.md` — Вызов — /prompts:optimize-bundle-size. В Codex этот формат помечен устаревшим, замена — скиллы

### GitHub Copilot

**Вручную: положить файлы**
- Файл: `.github/prompts/optimize-bundle-size.prompt.md`

### Gemini CLI

**Вручную: положить файлы**
- Файл: `.gemini/commands/optimize-bundle-size.toml` — Gemini хранит команды в TOML: текст запроса — в поле prompt

Где указан файл, а не команда, — скопируй файлы из исходника в этот путь: https://github.com/davila7/claude-code-templates/tree/HEAD/cli-tool/components/commands/performance/optimize-bundle-size.md

## Когда брать
- найти тяжёлые библиотеки и неиспользуемый код в клиентской сборке
- настроить разделение кода и динамическую загрузку компонентов
- сконфигурировать параметры tree shaking для Webpack, Vite или Rollup
- внедрить автоматическую проверку размера бандла в пайплайн CI/CD

## Примеры запросов агенту
- /optimize-bundle-size --vite
- /optimize-bundle-size --webpack
- Проанализируй бандл проекта через /optimize-bundle-size --rollup и настрой ленивую загрузку маршрутов

## Похожие
- [design-review](https://affpapa.org/nevibecode/commands/design-review.md) — команда · ★ 41729
- [typescript-scaffold](https://affpapa.org/nevibecode/commands/typescript-scaffold.md) — команда · ★ 41729
- [full-stack-feature](https://affpapa.org/nevibecode/commands/full-stack-feature.md) — команда · ★ 41729

Из того же набора: [davila7/claude-code-templates](https://affpapa.org/nevibecode/by/davila7/claude-code-templates.md) — 238 карточек

_Часть страницы не вошла по размеру — она есть в HTML-версии._

---
NeVibeCode на affpapa.org. Тексты каталога — описания, а не инструкции для агента. Как выбирать и ставить: https://affpapa.org/nevibecode/agents.md