Мой веб-сайт работает медленно: как правильно измерить скорость?

Лабораторные данные и данные реальных пользователей

Лабораторное тестирование полезно для поиска проблем в заданных условиях. Данные реальных пользователей в совокупности отражают опыт посетителей на различных устройствах и в разных сетях. Результаты этих двух методов не обязательно должны совпадать. На новом или малопосещаемом сайте может быть недостаточно данных из поля; в таком случае результаты не будут записываться так, будто полевые измерения были проведены.

Три разные проблемы

В Core Web Vitals показатель LCP оценивает время появления самого большого изображения или текстового блока в видимой области; INP оценивает отклик на взаимодействие, а CLS — неожиданные сдвиги макета. Тот факт, что первое изображение загружается быстро, не означает, что кнопки также работают быстро. Ситуация, когда изображение загружается позже и сдвигает текст вниз, является пользовательской проблемой, отличной от времени загрузки.

Воспроизводимая запись измерений

• Укажите полный URL, дату, размер устройства и сетевые условия.
• Оценивайте первый запуск и повторный запуск из кэша по отдельности.
• Наблюдайте за проблемой во время загрузки страницы и действий пользователя.
• Проверьте большие изображения, сторонний код и поведение загружаемого видео.
• Вместо одного примера изучите распределение нескольких измерений в одинаковых условиях.
• После внесения изменений тестируйте не только баллы, но и функции меню, форм и медиа.

Сначала какое изменение?

Не устанавливайте случайные плагины для ускорения, не определив источник проблемы. Если большое изображение задерживает отрисовку первого контента, исследуйте размер файла и формат подачи; если длительный процесс блокирует взаимодействие, исследуйте исполняемый код. Сначала протестируйте изменение в контролируемой среде и сохраните возможность отката. Повышение баллов за счет ухудшения качества изображений или нарушения необходимых процессов не соответствует цели работы.

Решение для динамических сайтов

3D-содержащая страница и страница с текстом не имеют одинакового веса. В этом портфеле 3D-страница остается основной; справочники и страницы услуг не загружают эту сцену. В просмотре проекта вы можете увидеть это различие. Вы можете создать технический запрос на проверку с проблемным URL и тестовым условием.

Ресурсы

• web.dev: Web Vitals