Інтеграція Google PageSpeed Insights API для моніторингу швидкості сайту

Наша компанія займається розробкою, підтримкою та обслуговуванням сайтів будь-якої складності. Від простих односторінкових сайтів до масштабних кластерних систем, побудованих на мікро сервісах. Досвід розробників підтверджено сертифікатами від вендорів.

Розробка та обслуговування будь-яких видів сайтів:

Інформаційні сайти або веб-програми
Сайти візитки, landing page, корпоративні сайти, онлайн каталоги, квіз, промо-сайти, блоги, ресурси новин, інформаційні портали, форуми, агрегатори
Сайти або веб-програми електронної комерції
Інтернет-магазини, B2B-портали, маркетплейси, онлайн-обмінники, кешбек-сайти, біржі, дропшиппінг-платформи, парсери товарів
Веб-програми для управління бізнес-процесами
CRM-системи, ERP-системи, корпоративні портали, системи управління виробництвом, парсери інформації
Сайти або веб-програми електронних послуг
Дошки оголошень, онлайн-школи, онлайн-кінотеатри, конструктори сайтів, портали надання електронних послуг, відеохостинги, тематичні портали

Це лише деякі з технічних типів сайтів, з якими ми працюємо, і кожен із них може мати свої специфічні особливості та функціональність, а також бути адаптованим під конкретні потреби та цілі клієнта.

Пропоновані послуги
Показано 1 з 1 послугУсі 2065 послуг
Інтеграція Google PageSpeed Insights API для моніторингу швидкості сайту
Середня
від 1 робочого дня до 3 робочих днів
Часті питання

Наші компетенції:

Етапи розробки

Останні роботи

  • image_website-b2b-advance_0.png
    Розробка сайту компанії B2B ADVANCE
    1262
  • image_web-applications_feedme_466_0.webp
    Розробка веб-додатків для компанії FEEDME
    1171
  • image_websites_belfingroup_462_0.webp
    Розробка веб-сайту для компанії БЕЛФІНГРУП
    874
  • image_ecommerce_furnoro_435_0.webp
    Розробка інтернет магазину для компанії FURNORO
    1094
  • image_crm_enviok_479_0.webp
    Розробка веб-додатків для компанії Enviok
    831
  • image_bitrix-bitrix-24-1c_fixper_448_0.png
    Розробка веб-сайту для компанії ФІКСПЕР
    851

Інтеграція Google PageSpeed Insights API для моніторингу швидкості сайту

PageSpeed Insights повертає два типи даних: лабораторні (Lighthouse, симульоване середовище) та полевих (Chrome UX Report, реальні користувачі). Обидва важливі, але по-різному. Лабораторні показують стан прямо сейчас — після деплоя, після додання нового скрипту. Полевих — реальний досвід користувачів за останні 28 днів. Мониторинг потрібен для обох.

Отримання ключа API та базовий запит

PSI API безплатний. Ключ створюється в Google Cloud Console → APIs & Services → Credentials. Без ключа ліміт — 400 запитів на день, з ключем — 25 000.

import requests
from typing import Literal

PSI_API_URL = 'https://www.googleapis.com/pagespeedonline/v5/runPagespeed'

def fetch_psi(
    url: str,
    api_key: str,
    strategy: Literal['mobile', 'desktop'] = 'mobile',
) -> dict:
    params = {
        'url': url,
        'key': api_key,
        'strategy': strategy,
        'category': ['performance', 'seo', 'accessibility', 'best-practices'],
    }
    resp = requests.get(PSI_API_URL, params=params, timeout=60)
    resp.raise_for_status()
    return resp.json()

Видобування Core Web Vitals

Структура ответа PSI багаторівнева. Полевих дані (CrUX) у loadingExperience, лабораторних — у lighthouseResult.audits.

Збереження результатів

Створіть PostgreSQL таблицю для зберігання лабораторних та полевих метрик у часі:

CREATE TABLE psi_results (
    id SERIAL PRIMARY KEY,
    url TEXT NOT NULL,
    strategy VARCHAR(10) NOT NULL,
    measured_at TIMESTAMP DEFAULT NOW(),
    field_lcp_ms INTEGER,
    lab_performance_score NUMERIC(4,2),
    lab_lcp_ms INTEGER
);

Мониторинг списку сторінок

Для сайту з кількома пріоритетними сторінками (головна, топ-10 посадочних, чекаут) запуск за розписанням.

Алерти при деградації

Відстеження падіння Lighthouse score та переходу CWV з «хорошо» у «потребує покращення».

Важливі обмеження

PSI API запускає Lighthouse в хмарці Google, а не у вас. Результати варіюються 5–15% між запусками — це нормально. Для надійних показників краще запустити 3 вимірювання та взяти медіану. PSI не підтримує авторизовані сторінки — для мониторинга особистого кабінету, кошика після логіну використовуйте локальний Lighthouse через Node.js.

Запуск через cron

# Crontab: щодня о 6:00
0 6 * * * /usr/bin/python3 /opt/monitoring/psi_monitor.py

Результати агрегуються по тижнях — щоденний шум у лабораторних даних досить великий, недельний тренд набагато інформативніший.

Сроки

Скрипт сбору + PostgreSQL storage + email/Telegram алерти — 1–2 робочих дні. З Grafana-дашбордом, порівнянням до/після деплоя, інтеграцією в CI/CD pipeline — 3–4 дні.