# performance-optimization

Скилл для агентов ИИ-кодинга: сначала замеряет, потом чинит узкое место — от Core Web Vitals до N+1 запросов и индексов в базе.

- скилл · `type=skill` · Claude Code, Codex, Cursor, GitHub Copilot, Gemini CLI, OpenCode · 65200 установок · ★ 110596
- Автор: addyosmani
- Лицензия: MIT · policy=mirror · начало файла — в конце страницы
- Исходник: https://github.com/addyosmani/agent-skills/tree/HEAD/skills/performance-optimization/SKILL.md
- Обновлён: 2026-10-13
- HTML: https://affpapa.org/nevibecode/skills/performance-optimization

## Что делает

Скилл требует сначала измерять, а потом менять код. В основе цикл: снять базовые метрики, найти узкое место, починить именно его, замерить снова и поставить защиту от регрессии. Профилирование идёт двумя путями — синтетика (Lighthouse, панель Performance в DevTools) и данные реальных пользователей через библиотеку `web-vitals` или CrUX. Для бэкенда есть логирование времени ответа и APM.

Внутри `SKILL.md` дерево диагностики по симптому: медленная первая загрузка, подвисания при клике, долгая навигация, тормозящий API. Дальше таблицы вероятных причин и разбор частых антипаттернов: N+1 запросы, листинги без пагинации, запросы мимо индекса. Про индексы сказано честно: `EXPLAIN ANALYZE` вместо догадок, `ANALYZE` при устаревшей статистике, а индекс, который не изменил план, откатывают. Целевые пороги Core Web Vitals тоже в файле.

Отдельно оговорено, когда скилл не нужен: без свидетельств проблемы оптимизация только добавляет сложность. Ставьте, если есть бюджеты по времени загрузки или SLA — либо мониторинг уже показывает медленные эндпоинты.

## Установка

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

1. **Через Skills CLI (Vercel)**
```bash
npx skills add addyosmani/agent-skills --skill performance-optimization -a claude-code
```

2. **Вручную: положить файлы**
- Файл: `~/.claude/skills/performance-optimization/SKILL.md` — Папка скилла целиком; для одного проекта — .claude/skills/performance-optimization/

### Codex

1. **Через Skills CLI (Vercel)**
```bash
npx skills add addyosmani/agent-skills --skill performance-optimization -a codex
```

2. **Вручную: положить файлы**
- Файл: `.agents/skills/performance-optimization/SKILL.md` — Для всех проектов — ~/.agents/skills/

### Cursor

1. **Через Skills CLI (Vercel)**
```bash
npx skills add addyosmani/agent-skills --skill performance-optimization -a cursor
```

2. **Вручную: положить файлы**
- Файл: `.cursor/skills/performance-optimization/SKILL.md` — Cursor читает и .agents/skills/, и .claude/skills/

### GitHub Copilot

1. **GitHub CLI**
```bash
gh skill install addyosmani/agent-skills performance-optimization
```

2. **Вручную: положить файлы**
- Файл: `.github/skills/performance-optimization/SKILL.md`

### Gemini CLI

1. **Через Skills CLI (Vercel)**
```bash
npx skills add addyosmani/agent-skills --skill performance-optimization -a gemini-cli
```

2. **Командой платформы**
```bash
gemini skills install https://github.com/addyosmani/agent-skills --path skills/performance-optimization
```

### Windsurf (Devin Desktop)

**Вручную: положить файлы**
- Файл: `.devin/skills/performance-optimization/SKILL.md` — Старый путь .windsurf/skills/ тоже читается

### OpenCode

**Через Skills CLI (Vercel)**
```bash
npx skills add addyosmani/agent-skills --skill performance-optimization -a opencode
```

### Claude.ai

**Claude.ai**
- Упакуйте папку в zip и загрузите в Settings → Capabilities → Skills

Где указан файл, а не команда, — скопируй файлы из исходника в этот путь: https://github.com/addyosmani/agent-skills/tree/HEAD/skills/performance-optimization/SKILL.md

## Когда брать
- Найти причину разросшегося LCP и починить её
- Убрать N+1 запросы в эндпоинте со списком
- Проверить через `EXPLAIN ANALYZE`, работает ли индекс
- Поймать регрессию бандла после релиза
- Разобрать долгие задачи в главном потоке при клике

## Примеры запросов агенту
- Страница товара грузится медленно — профилируй и почини главное узкое место
- В логах N+1: на каждый заказ отдельный запрос к `users`. Перепиши на join
- Посмотри план запроса и скажи, нужен ли индекс

## Похожие
- [Frontend Performance Investigator](https://affpapa.org/nevibecode/agents/frontend-performance-investigator.md) — субагент · ★ 40418
- [python-performance-optimization](https://affpapa.org/nevibecode/skills/python-performance-optimization.md) — скилл · 35675 установок
- [performance-profiler](https://affpapa.org/nevibecode/agents/performance-profiler.md) — субагент · 1875 установок
- [android-performance](https://affpapa.org/nevibecode/skills/android-performance.md) — скилл · 19 установок
- [mongodb-performance-advisor](https://affpapa.org/nevibecode/agents/mongodb-performance-advisor.md) — субагент · 223 установки
- [frontend-design](https://affpapa.org/nevibecode/skills/frontend-design.md) — скилл · 1025790 установок
- [design-taste-frontend](https://affpapa.org/nevibecode/skills/design-taste-frontend.md) — скилл · 678700 установок
- [prototype](https://affpapa.org/nevibecode/skills/prototype.md) — скилл · 986201 установка

Из того же набора: [addyosmani/agent-skills](https://affpapa.org/nevibecode/by/addyosmani/agent-skills.md) — 25 карточек

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

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