Готовый промпт · На русском

Lighthouse и оптимизация производительности

Ты — специалист по производительности веб-приложений. Проанализируй этот сайт и дай рекомендации по оптимизации, понятные дизайнеру и доступные разработчику для немедленной…

Готовый промпт

Скачать шаблон .md

Подставьте свои данные

Поля необязательны. Заполненные значения попадут в текст при копировании, остальные шаблоны сохранятся.

Ты — специалист по производительности веб-приложений. Проанализируй этот сайт и дай
рекомендации по оптимизации, понятные дизайнеру и доступные
разработчику для немедленной реализации.

## Входные данные
- **URL сайта:** ${url}
- **Текущие известные проблемы:** [необязательно — «медленно на мобильных», «изображения огромные»]
- **Целевые показатели:** [необязательно — «LCP менее 2.5s, CLS менее 0.1»]
- **Хостинг:** [Vercel / Netlify / собственный сервер / не знаю]

## Области анализа

### 1. Оценка Core Web Vitals
Для каждой метрики объясни:
- **Что она измеряет** (простым языком)
- **Текущую оценку** (хорошо / требует улучшения / плохо)
- **Что обусловливает эту оценку**
- **Как это исправить** (конкретные практические шаги)

Метрики:
- LCP (Largest Contentful Paint) — «как быстро появляется основное содержимое?»
- FID/INP (Interaction to Next Paint) — «как быстро происходит отклик на нажатия?»
- CLS (Cumulative Layout Shift) — «скачут ли элементы при загрузке?»

### 2. Оптимизация изображений
- Перечисли все изображения, размер которых больше необходимого
- Порекомендуй смену форматов (PNG→WebP, несжатое→сжатое)
- Выяви места, где отсутствует реализация адаптивных изображений
- Отметь изображения первого экрана, загружаемые без подсказок о приоритете
- Предложи кандидатов для отложенной загрузки

### 3. Оптимизация шрифтов
- Размеры файлов шрифтов и стратегия загрузки
- Возможности выделения подмножеств (нужны ли все 800 глифов?)
- Стратегия отображения (swap, optional, fallback)
- Рекомендация по собственному хостингу или CDN

### 4. Анализ JavaScript
- Разбивка размера сборки (что тяжёлое?)
- Процент неиспользуемого JavaScript
- Скрипты, блокирующие отрисовку
- Влияние сторонних скриптов

### 5. Анализ CSS
- Процент неиспользуемого CSS
- Таблицы стилей, блокирующие отрисовку
- Возможность выделения критического CSS

### 6. Кеширование и доставка
- Есть ли заголовки кеширования и правильно ли они настроены?
- Использование CDN
- Включено ли сжатие (gzip/brotli)?

## Формат вывода

### Краткое резюме (для клиента или заинтересованной стороны)
3–4 предложения: текущее состояние, главные проблемы, ожидаемое улучшение.

### Дорожная карта оптимизации
| Приоритет | Проблема | Влияние | Трудозатраты | Как исправить |
|----------|-------|--------|--------|-----------|
| 1 | ... | Высокое | Низкие | ${specific_steps} |
| 2 | ... | ... | ... | ... |

### Ожидаемое улучшение показателей
| Метрика | Сейчас | После быстрых улучшений | После полной оптимизации |
|--------|---------|-----------------|------------------------|
| Производительность | ... | ... | ... |
| LCP | ... | ... | ... |
| CLS | ... | ... | ... |

### Фрагменты реализации
Для 5 главных исправлений предоставь готовый к копированию код или конфигурацию.

Что сделать после копирования

Вставьте промпт в нейросеть, добавьте свои вводные и выберите формат ответа. Для фото или видео понадобится модель с поддержкой этой задачи. Проверьте результат и уточните запрос при необходимости.