perf Scan

Недостаточно данных для расчета

К сожалению, мы не обнаружили достаточно информации о вашем сайте в базе данных Chrome UX Report. Пожалуйста, убедитесь, что вы правильно ввели доменное имя - для Google сайты с www и без него являются разными, а также проверьте, используете ли вы протокол http или https.

Еще одна возможная причина отсутствия данных - недостаточное количество посетителей на вашем сайте. Рекомендуем увеличить трафик на сайте и повторить замер через месяц.

Как ускорить ваш сайт

Узнайте историю показателей Core Web Vitals для сайта.

Оценка производительности: ▒▒▒▒▒▒▒ требует улучшения Как сделать быстрый сайт в порядке

Данные Core Web Vitals для сайта

LCP
0 мс
0%
0%
0%

Что такое LCP

LCP (Largest Contentful Paint, отрисовка самого крупного контента) – время, за которое браузер отрисовывает самый крупный видимый элемент в области просмотра. Отсчет начинается с момента запроса URL пользователем. Обычно это изображение или видео, но может быть и объемный блочный элемент с текстом. Этот показатель важен, так как показывает, насколько быстро посетитель увидит значимую часть видимой области.

Идеальный показатель LCP: до 2500 мс.

Как улучшить показатель LCP

Если LCP-элемент — текстовый элемент и для его отрисовки необходим шрифт, убедитесь, что шрифт загружен с основного домена и не используется CDN. Шрифт должен быть в preload. Не используйте шрифты Google Fonts.
Если LCP-элемент — картинка, проверьте, не отложена ли она с помощью loading="lazy" или js-библиотек. Она должна быть в нужном размере, современном формате webp или avif и эффективно сжата. Загружаться она должна с того же домена, что запросил пользователь.
Если LCP-элемент — видео, загружайте его со своего сайта через тег <video>, без сторонних плейеров. Сжатие видео должно быть максимально возможным для требуемого качества. Поместите заглушку в виде оптимизированного изображения первого кадра с помощью атрибута poster. Начинайте загрузку и воспроизведение видео только после первого интерактивного действия пользователя.
Если LCP-элемент — целый блок, возможно, у него установлено фоновое изображение. Переверстайте блок, чтобы изображение устанавливалось с помощью тега <img>, а не css-свойства.
Если LCP-элемент — рекламный блок или сторонний виджет, сместите фокус или отложите выполнение стороннего кода, чтобы он не влиял на показатель LCP.
Помощь с улучшением
INP
0 мс
0%
0%
0%

Что такое INP

INP (Interaction to Next Paint, скорость отклика) – время между действием пользователя и реакцией на это действие страницы. Измеряется во время всей сессии пребывания на странице. Итоговое значение INP – это минимальная скорость отклика страницы.

Идеальный показатель INP: до 200 мс.

Как улучшить показатель INP

Сторонние скрипты, такие как аналитика и маркетинговые инструменты, должны быть отложены до полной загрузки и отрисовки сайта или первого действия пользователя.
Используйте JS только там, где это необходимо, по возможности реализуйте функционал на HTML+CSS.
Используйте современный JavaScript, поддержка старых браузеров может ухудшить отзывчивость вашего сайта.
Используйте быстрые и универсальные библиотеки, не дублируйте похожий функционал разными библиотеками.
В своем JS-коде используйте requestIdleCallback для выполнения задач в свободном основном потоке, не блокируя его.
Помощь с улучшением
CLS
0
0%
0%
0%

Что такое CLS

CLS (Cumulative Layout Shift, совокупное смещение макета) — метрика, которая определяет суммарное значение смещения во всех непредвиденных случаях за всё время посещения страницы. Измеряется во время всей сессии пребывания на странице. Этот показатель важен, поскольку смещение элементов страницы при загрузке снижает удобство для пользователей.

Идеальный показатель CLS: до 0.1

Как улучшить показатель CLS

Зарезервируйте место для динамических элементов, таких как реклама, чтобы избежать смещений во время использования страницы после загрузки блока.
При отложенной загрузке изображений или iframe, например, с помощью loading=lazy или JS-библиотек, укажите размер элементов в HTML для вычисления пропорций и резервирования места браузером.
Убедитесь, что данные с сервера подгружаются быстрее, чем за 500 мс, чтобы избежать непредвиденного смещения.
Если сервер выполняет заведомо длительную операцию, обновите страницу вместо добавления данных.
Используйте SSR, чтобы избежать добавления большого числа элементов страницы при загрузке и выполнении JS, а при необходимости резервируйте для них место.
Помощь с улучшением

Другие данные Web Vitals для сайта

TTFB
0 мс
0%
0%
0%

Что такое TTFB

TTFB (Time to First Byte, время до первого байта) — это время между запросом ресурса клиентом и первым байтом ответа от сервера. Основная сетевая и серверная метрика.

Идеальный показатель TTFB: до 800 мс

Как улучшить показатель TTFB

Используйте полностраничное серверное кеширование, чтобы быстро отдавать страницы без запросов к бэкенду.
Оптимизируйте запросы к базе данных, кэшируйте результаты.
Обновляйте кэш по расписанию, чтобы минимизировать ответы без кэша.
Используйте CDN с максимальным покрытием для минимизации задержек, проксируйте весь домен, а не только статику или один поддомен.
Обновите сервер при необходимости, возможно, пришло время перейти на новый тариф.
Помощь с улучшением
FCP
0 мс
0%
0%
0%

Что такое FCP

FCP (First Contentful Paint, первая отрисовка контента) — время, которое требуется браузеру для отображения первой части контента после того, как пользователь перешел на страницу.

Идеальный показатель FCP: до 1800 мс

Как улучшить показатель FCP

Проверьте, что ваш сайт использует протокол HTTP/2, если нет — перейдите на него, чтобы уменьшить блокировку отрисовки за счет параллельной загрузки.
Если в блоке <head> используются стили или скрипты со сторонним доменом, перенесите их к себе или отложите загрузку.
По возможности уберите загрузку всех скриптов из блока <head> или укажите атрибут defer, но будьте внимательны, defer может сломать выполнение скриптов с зависимостями.
Если стилей менее 50 Кб, поместите их в код документа в блоки <style>.
Собирайте свой набор CSS для каждой страницы, чтобы избежать загрузки ненужных стилей.
Используйте Critical CSS для ускорения первой отрисовки.
Помощь с улучшением