# web-performance-audit

Скилл разбирает скорость загрузки страниц, находит узкие места и подсказывает, что чинить. Пригодится после крупных правок или жалоб на медленную загрузку.

- скилл · `type=skill` · Claude Code, Codex, Cursor, GitHub Copilot, Gemini CLI, OpenCode · 543 установки · ★ 371
- Автор: aj-geddes
- Лицензия: MIT · policy=mirror · начало файла — в конце страницы
- Исходник: https://github.com/aj-geddes/useful-ai-prompts/tree/HEAD/skills/web-performance-audit/SKILL.md
- Обновлён: 2026-03-04
- HTML: https://affpapa.org/nevibecode/skills/web-performance-audit

## Что делает

Скилл ведёт аудит веб-производительности: замеряет время загрузки, ищет узкие места и предлагает оптимизации. Опирается на Core Web Vitals от Google — LCP, FID и CLS, у каждой метрики есть границы «хорошо» и «плохо». Например, LCP до 2.5 секунд считается хорошим, а свыше 4 секунд — плохим.

Внутри четыре справочника в каталоге `references/`: метрики, процесс анализа, стратегии оптимизации и мониторинг с непрерывным улучшением. Скилл советует мерить регулярно, а не разово, смотреть и на полевые данные реальных пользователей, и на лабораторные, тестировать на медленных сетях и включать мобильные в проверку. Отдельно предупреждает: не оптимизируйте без замеров и не гонитесь за одной метрикой.

Установка идёт через `npx skills add` или `gh skill install` — под каждую платформу своя команда. Без доступа к реальным данным о загрузке страниц скилл останется набором рекомендаций: цифры для разбора придётся собрать самому.

## Установка

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

1. **Через Skills CLI (Vercel)**
```bash
npx skills add aj-geddes/useful-ai-prompts --skill web-performance-audit -a claude-code
```

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

### Codex

1. **Через Skills CLI (Vercel)**
```bash
npx skills add aj-geddes/useful-ai-prompts --skill web-performance-audit -a codex
```

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

### Cursor

1. **Через Skills CLI (Vercel)**
```bash
npx skills add aj-geddes/useful-ai-prompts --skill web-performance-audit -a cursor
```

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

### GitHub Copilot

1. **GitHub CLI**
```bash
gh skill install aj-geddes/useful-ai-prompts web-performance-audit
```

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

### Gemini CLI

1. **Через Skills CLI (Vercel)**
```bash
npx skills add aj-geddes/useful-ai-prompts --skill web-performance-audit -a gemini-cli
```

2. **Командой платформы**
```bash
gemini skills install https://github.com/aj-geddes/useful-ai-prompts --path skills/web-performance-audit
```

### Windsurf (Devin Desktop)

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

### OpenCode

**Через Skills CLI (Vercel)**
```bash
npx skills add aj-geddes/useful-ai-prompts --skill web-performance-audit -a opencode
```

### Claude.ai

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

Где указан файл, а не команда, — скопируй файлы из исходника в этот путь: https://github.com/aj-geddes/useful-ai-prompts/tree/HEAD/skills/web-performance-audit/SKILL.md

## Когда брать
- замерить LCP, FID и CLS на ключевых страницах
- найти узкие места после крупного релиза
- разобраться, почему пользователи жалуются на медленную загрузку
- задать базовую линию производительности перед оптимизацией
- проверить мобильную скорость отдельно от десктопной

## Примеры запросов агенту
- Проведи аудит производительности главной страницы и покажи, какие метрики Core Web Vitals проседают
- Собери полевые и лабораторные данные по загрузке каталога товаров и предложи, что оптимизировать первым
- Составь план мониторинга производительности и бюджет по метрикам для мобильной версии

## Похожие
- [web-performance-optimization](https://affpapa.org/nevibecode/skills/web-performance-optimization.md) — скилл · 3490 установок
- [audit-speed](https://affpapa.org/nevibecode/skills/audit-speed.md) — скилл · 2400 установок
- [seo-audit](https://affpapa.org/nevibecode/skills/coreyhaines31-seo-audit.md) — скилл · 237600 установок
- [audit](https://affpapa.org/nevibecode/skills/calm-north-audit.md) — скилл · 6400 установок
- [pagespeed-insights](https://affpapa.org/nevibecode/skills/pagespeed-insights.md) — скилл · 1100 установок
- [performance-and-web-vitals](https://affpapa.org/nevibecode/skills/performance-and-web-vitals.md) — скилл · 975 установок

## Другие версии с тем же именем
- [web-performance-audit · secondsky](https://affpapa.org/nevibecode/skills/secondsky-web-performance-audit.md) — 526 установок

Из того же набора: [aj-geddes/useful-ai-prompts](https://affpapa.org/nevibecode/by/aj-geddes/useful-ai-prompts.md) — 143 карточки

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

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