PageSpeed Insights

Что показывает PageSpeed Insights

• Performance Score — общая оценка от 0 до 100
• Core Web Vitals — LCP, INP, CLS (на основе полевых данных)
• Lab Data — симуляция загрузки в Lighthouse
• Opportunities — конкретные возможности для ускорения
• Diagnostics — детальный анализ технических проблем

Field Data vs Lab Data

• Field Data — реальные данные от посетителей из Chrome UX Report (средние за 28 дней). Самый надёжный источник.
• Lab Data — однократный тест в симулированной среде (Lighthouse). Помогает отлаживать, но может отличаться от реального опыта.

Интерпретация оценки

• 90–100 — отлично: поддерживайте текущее состояние.
• 50–89 — средне: требуется оптимизация.
• 0–49 — плохо: срочно исправляйте узкие места.

Основные рекомендации

• Устраните ресурсы, блокирующие рендеринг — критический CSS inline, JavaScript с атрибутами defer/async.
• Корректно задайте размеры изображений — используйте srcset и responsive images.
• Отдавайте изображения в современных форматах — WebP, AVIF.
• Сократите неиспользуемый JavaScript — code splitting, tree shaking.
• Минимизируйте работу главного потока — оптимизируйте сложные JS‑задачи.

API для автоматизации

// Пример вызова PageSpeed Insights API
const url = 'https://www.googleapis.com/pagespeedonline/v5/runPagespeed';
const response = await fetch(`${url}?url=https://example.com&key=YOUR_API_KEY`);
const data = await response.json();
console.log(data.lighthouseResult.categories.performance.score);