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-темой.