Пример отчёта о скорости

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

Страница требует оптимизации

URL страницыhttps://example.com

Регион: Амстердам · nl-ams
Дата и время: 10 февраля 2025 г. в 14:23 UTC
Устройство: Мобильный
Скорость сети: —

Технологии

ReactNext.jsjQueryTailwind CSSWebpack

Дополнительные параметры замера

Юзер агентMozilla/5.0 (Linux; Android 11; moto g power (2022)) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/119.0.0.0 Mobile Safari/537.36

Lighthouse12.4.0

Разрешение экрана360×640

Скорость сети1,4 Мбит/с · RTT 150ms

Основные метрики скорости

First Contentful Paint (FCP)

1,8s

≤1,8s

Largest Contentful Paint (LCP)

3,2s

≤2,5s

Cumulative Layout Shift (CLS)

0,05

≤0,10

Time to First Byte

600ms

≤0,8s

Total Blocking Time

450ms

≤200ms

Speed Index

2,8s

≤3,4s

INP вынесен в отдельный сервис INP-сервис запускает реальные клики и сценарии ввода, ищет long-animation-frames и тяжелые обработчики. Открыть

Что исправить в первую очередь

В примере файлы vendor.js и app.js содержат неиспользуемый JavaScript. Найдите их в графике использования ресурсов, отложите ненужный код, затем повторите замер с тем же устройством и регионом. Сравните объём загрузки и время блокировки главного потока.

Разбор CLS

нет данных

Долгие задачи

до 120ms120–300msбольше 300ms

Размеры ресурсов

1,8 MB

JS12 ресурсов

963 KB

Изображение18 ресурсов

600 KB

CSS4 ресурса

150 KB

шрифты3 ресурса

120 KB

Документ1 ресурс

25 KB

График использования

/assets/vendor.js200 KB500 KB60%

/assets/app.js100 KB250 KB60%

/assets/analytics.js56 KB80 KB30%

Сетевая диагностика

17 запроса

Показать дублиПоказано 17 из 17


/	200	580 ms	Очень высокий
/assets/styles.css	200	120 ms	Очень высокий
/assets/components.css	200	95 ms	Очень высокий
/assets/vendor.js	200	340 ms	Высокий
/assets/app.js	200	220 ms	Высокий
/assets/analytics.js	200	110 ms	Низкий
https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap	200	85 ms	Очень высокий
https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu4mxK.woff2	200	65 ms	Высокий
https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfBBc4.woff2	200	70 ms	Высокий
/images/hero.webp	200	250 ms	Высокий
/images/banner.webp	200	280 ms	Низкий
/images/footer-bg.png	200	190 ms	Низкий
/images/icon-check.svg	200	25 ms	Низкий
/api/v1/config	200	145 ms	Высокий
https://www.google-analytics.com/analytics.js	200	95 ms	Низкий

Подсказки загрузки ресурсов

Подсказки загрузки ресурсов
Rel	As	Ресурс
Rel preconnect	As —	Ресурс https://fonts.googleapis.com
Rel preconnect	As —	Ресурс https://fonts.gstatic.com
Rel dns-prefetch	As —	Ресурс https://www.google-analytics.com
Rel preload	As image	Ресурс /images/hero.webp
Rel preload	As font	Ресурс https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu4mxK.woff2

Приоритеты загрузки ресурсов

Fetch Priority ресурсов
Ресурс	Приоритет	Вес	Рекомендация
Ресурс /images/hero.webp	Приоритет high	Вес —	Рекомендация —
Ресурс /assets/analytics.js	Приоритет low	Вес —	Рекомендация —
Ресурс https://www.google-analytics.com/analytics.js	Приоритет low	Вес —	Рекомендация —
Ресурс /images/footer-bg.png	Приоритет low	Вес —	Рекомендация —

Сторонние ресурсы

Сторонние ресурсы и влияние на скорость
3rd-party	Запросов	Вес	Влияние на скорость
Сторонний ресурс fonts.gstatic.com	Запросов 2	Вес 81 KB	Влияние на скорость низкое
Сторонний ресурс www.google-analytics.com	Запросов 1	Вес 17 KB	Влияние на скорость низкое
Сторонний ресурс fonts.googleapis.com	Запросов 1	Вес 1 KB	Влияние на скорость низкое

Дополнительные метрики

Навигационные тайминги

DOMContentLoaded: 2,5 s
DOMComplete: 4,8 s
LoadEvent: 4,9 s

DOM и Документы

Документы: 1
Фреймы: 1
DOM узлы: 850

Память JavaScript

JS слушатели событий: 85
Общий объем памяти JS (Heap): 15,0 MB
Используемая память JS (Heap): 10,0 MB