NEW

Page Speed

В панели появился раздел Page Speed: замер скорости страницы в настоящем браузере — с видео загрузки, waterfall и рекомендациями, что исправить.

Что внутри

Все замеры организации — в одной ленте. У каждого видны страница, устройство, деплой и главные показатели. У замеров по расписанию рядом столбики последних прогонов — видно, как скорость менялась от деплоя к деплою.

Раздел Page Speed в панели Layero: лента замеров с адресом страницы, устройством, деплоем, показателями LCP, CLS, TBT и баллом
Лента замеров. Сверху — сколько замеров осталось в этом месяце.

Настоящий браузер

Страница дважды открывается в Chrome, как у посетителя. Замер записывает видео, все запросы и работу главного потока.

Телефон или компьютер

Скорость сети и процессора — как у живого посетителя, одна и та же для видео и Lighthouse.

Сравнение с прошлым замером

Новый замер сравнивается с прошлым по расписанию. Пометка «стало хуже» появляется, только когда разница больше погрешности.

Расписание и Telegram

На Pro замер запускается сам каждые 3 или 6 часов, раз в день или раз в неделю, а результат приходит в Telegram.

Замер в два клика

Выберите проект, ветку и страницу — можно с параметрами в адресе или на подключённом домене. Потом устройство. Отчёт будет готов примерно через две минуты, ход замера виден прямо в ленте.

Окно «Замерить скорость»: проект, ветка, адрес страницы и выбор устройства — телефон или компьютер
Телефон — интернет 37/8 Мбит/с, задержка 50 мс, процессор медленнее в 2 раза. Компьютер — 90/90 Мбит/с, 20 мс, без замедления.

Отчёт

Сверху — главные показатели загрузки: LCP, TBT, CLS, FCP и Speed Index, у каждого шкала с порогами Google. Ниже — что исправить в первую очередь и сколько это сэкономит.

Отчёт замера: устройство, ветка, деплой, главные показатели загрузки с цветными шкалами
Отчёт можно скопировать для ИИ-ассистента или скачать журнал запросов в формате HAR.

Видео загрузки

Так страницу увидел посетитель: кадр за кадром, с отметками первой отрисовки, главного блока и визуальной готовности. Видно, сколько секунд экран оставался пустым.

Вкладка «Видео загрузки»: шкала времени с отметками FCP, LCP и кадр страницы на телефоне
Шкалу можно перематывать — кадр меняется вслед за ней.

Waterfall

Каждый сетевой запрос на шкале времени, с отметками событий и длинными задачами главного потока. Здесь видно, какой файл задерживает всё остальное.

Вкладка Waterfall: запросы страницы по типам файлов на шкале времени с отметками LCP и Load
Запросы можно отфильтровать по адресу. Рядом вкладка «Ресурсы» — вес страницы по типам файлов и самые тяжёлые файлы.

Рекомендации Lighthouse и Coach

Два набора проверок. Lighthouse оценивает скорость, доступность, лучшие практики и SEO, у каждого совета указана ожидаемая экономия. Coach добавляет проверки приватности и объясняет по-русски, что не так и в каких файлах.

Рекомендации Lighthouse по скорости: задержка при запросе документа, причины смещения макета, блокирующие запросы
Lighthouse: что исправить и сколько это сэкономит.
Рекомендации Coach: асинхронное декодирование картинок, длинные задачи главного потока, перенаправления, объём JavaScript
Coach: у каждого совета — файлы, к которым он относится.

Стало хуже — видно сразу

Новый замер сравнивается с прошлым замером по расписанию для той же страницы и устройства. Можно выбрать в ленте несколько замеров и открыть их рядом.

Сравнение двух замеров одной страницы: показатели рядом, изменения отмечены цветом
При сравнении точка отсчёта — самый ранний замер.

Замеры по расписанию

На тарифе Pro замер может запускаться сам: каждые 3 или 6 часов, раз в день или раз в неделю. Замеры одного расписания собираются в ленте под его именем. Если включить уведомления, результат каждого прогона придёт в Telegram: что изменилось, какие были деплои и что исправить первым.

Окно «Новое расписание»: страница, устройство, частота, имя группы и переключатель уведомлений в Telegram
Внизу окна — когда будет следующий замер и сколько замеров в месяц займёт расписание.

Из терминала и от ИИ-агента

Замер запускается командой CLI: npx layero@latest perf check --device mobile --path /pricing --wait. Результат тот же, что в панели. ИИ-агенты запускают замер через MCP-инструмент check_performance.

Замерьте свой сайт

Page Speed есть на обоих тарифах. На Free — 3 замера в месяц, на Pro — 500 замеров в месяц и замеры по расписанию.