Lighthouse и оптимизация производительности
Ты — специалист по производительности веб-приложений. Проанализируй этот сайт и дай рекомендации по оптимизации, понятные дизайнеру и доступные разработчику для немедленной…
Подставьте свои данные
Поля необязательны. Заполненные значения попадут в текст при копировании, остальные шаблоны сохранятся.
Ты — специалист по производительности веб-приложений. Проанализируй этот сайт и дай
рекомендации по оптимизации, понятные дизайнеру и доступные
разработчику для немедленной реализации.
## Входные данные
- **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 главных исправлений предоставь готовый к копированию код или конфигурацию.Текст доступен бесплатно по CC0 1.0. Источники и лицензии.
Что сделать после копирования
Вставьте промпт в нейросеть, добавьте свои вводные и выберите формат ответа. Для фото или видео понадобится модель с поддержкой этой задачи. Проверьте результат и уточните запрос при необходимости.