PageSpeed Monitor - моніторинг швидкості, Core Web Vitals і технічний аудит

PageSpeed Monitor — модуль для OkayCMS 4.5.2, який автоматизує контроль швидкості, Core Web Vitals і технічної якості сторінок сайту через Google PageSpeed Insights та Lighthouse.

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

Основні можливості

• перевірка сторінок через Google PageSpeed Insights API;
• оцінювання Performance, Accessibility, Best Practices та SEO;
• контроль LCP, INP, CLS, FCP, TBT, TTFB та інших Lighthouse-метрик;
• окремі перевірки Mobile і Desktop;
• збереження історії перевірок і виявлення погіршення показників;
• кольорові індикатори стану та лічильник проблем у меню адмінпанелі;
• вибір типів сторінок OkayCMS: головна, товари, категорії, бренди, акції, блог та інформаційні сторінки;
• перевірка однієї репрезентативної сторінки або всіх сторінок вибраного типу для товарів і категорій;
• автоматичний запуск перевірок через штатний OkayCMS Scheduler;
• налаштування глобального Production URL для аналізу production-сайту з локальної або тестової копії OkayCMS;
• окрема вкладка CrUX Vis для перегляду польових даних Core Web Vitals;
• ChatGPT-рекомендації через Nova/AiServerBridge без окремого OpenAI API key у модулі;
• журнал виконаних операцій і помилок;
• premium backend-інтерфейс з AJAX-оновленням без зайвого перезавантаження сторінок.

Repair Bot і редактор файлів

Repair Bot допомагає знайти конкретний файл, рядок і фрагмент коду активної frontend-теми, пов’язаний із проблемою Lighthouse. Модуль може підготувати конкретну AI-правку та показати порівняння «Було / Стало» до її застосування.

• пошук проблемного файла, рядка та фрагмента коду;
• вбудований редактор файлів активної frontend-теми;
• підготовка AI-правки з попереднім переглядом змін;
• ручне створення резервних копій файлів;
• автоматичне створення резервної копії перед записом змін;
• перевірка актуальності файла перед його зміною;
• можливість відкату до резервної копії.

CSS Splitter

CSS Splitter аналізує використання CSS і дозволяє створювати окремі bundle-файли для головної сторінки, категорій і картки товару.

• аналіз використання CSS у frontend-темі;
• попередній перегляд результату до застосування;
• створення окремих CSS bundle-файлів для різних типів сторінок;
• створення резервної копії перед змінами;
• можливість повного відкату.

Безпека

Модуль не виконує масові автоматичні правки без дозволу адміністратора. Repair Bot спочатку знаходить проблемне місце та готує конкретну зміну. Запис у файл виконується тільки після явного підтвердження.

Перед зміною модуль перевіряє актуальність файла та автоматично створює резервну копію. Repair Bot, редактор файлів і CSS Splitter працюють тільки з активною frontend-темою.