# web-vitals-optimizer

Субагент измеряет Core Web Vitals, находит причины проблем с производительностью и предлагает точечные улучшения для пользовательского опыта и SEO.

- субагент · `type=agent` · Claude Code · 1169 установок
- Автор: davila7
- Лицензия: не указана · policy=link-only · показываем только описание, файл — у автора
- Исходник: https://github.com/davila7/claude-code-templates/tree/HEAD/cli-tool/components/agents/performance-testing/web-vitals-optimizer.md
- Обновлён: 2026-10-24
- HTML: https://affpapa.org/nevibecode/agents/web-vitals-optimizer

## Что делает

web-vitals-optimizer работает с метриками LCP, FID, CLS, TTFB и FCP. Он помогает провести аудит, найти узкие места, подготовить рекомендации по загрузке ресурсов, критическому пути, изображениям и другим ассетам. Результатом могут быть отчёты, инструкции по внедрению и настройки мониторинга.

Субагент сравнивает показатели до и после изменений, предлагает бюджеты производительности и регрессионные проверки, а также настройку RUM, дашбордов и оповещений. Без доступа к `Read`, `Write`, `Edit` и `Bash` он не сможет выполнять заявленные операции с проектом и командами.

## Установка

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

1. **Через claude-code-templates**
```bash
npx claude-code-templates@latest --agent performance-testing/web-vitals-optimizer
```

2. **Вручную: положить файлы**
- Файл: `.claude/agents/web-vitals-optimizer.md` — Для всех проектов — ~/.claude/agents/. Claude делегирует задачу сам по полю description или по @-упоминанию

### Codex

**Вручную: положить файлы**
- Файл: `.codex/agents/web-vitals-optimizer.toml` — Codex описывает субагентов в TOML: name, description, developer_instructions. Текст из Markdown перенесите в developer_instructions вручную. Для всех проектов — ~/.codex/agents/

### Cursor

**Вручную: положить файлы**
- Файл: `.cursor/agents/web-vitals-optimizer.md` — Cursor понимает и .claude/agents/

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

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

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

## Похожие
- [code-reviewer](https://affpapa.org/nevibecode/agents/anthropic-code-reviewer.md) — субагент · 31050 установок
- [code-reviewer](https://affpapa.org/nevibecode/agents/code-reviewer.md) — субагент · 31050 установок
- [test-engineer](https://affpapa.org/nevibecode/agents/test-engineer.md) — субагент · 9715 установок
- [code-reviewer](https://affpapa.org/nevibecode/agents/voltagent-community-code-reviewer.md) — субагент · 31050 установок
- [fullstack-developer](https://affpapa.org/nevibecode/agents/fullstack-developer.md) — субагент · 18117 установок
- [prompt-engineer](https://affpapa.org/nevibecode/agents/voltagent-community-prompt-engineer.md) — субагент · 16078 установок

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

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