Скорость загрузки сайта - как проверить?

Для проверки скорости загрузки сайта чаще всего открывают Google PageSpeed. Сервис в цвете показывает балл, на основе которого большинство маркетологов и владельцев сайта делает вывод: красная зона — сайт медленный, зелёная — всё работает хорошо.

Я вас немного разочарую, но балл PageSpeed не отражает реальной картины того, как быстро работает и загружается ваш сайт.

Почему PageSpeed не объективен для РФ-сайтов

Тест PageSpeed запускается в дата-центре Google в Северной Америке, Европе или Азии. Отдельной российской точки проверки у Google нет. Ваши посетители открывают сайт через своего оператора и устройство, и на результат загрузки влияют регион, качество интернета и маршрут от оператора до сервера сайта.

PageSpeed использует другое соединение и смоделированное устройство, поэтому его балл не показывает, как сайт работает, например, на телефоне через мобильный интернет в Москве или другом городе России.

Для достоверности теста возьмите ТОП-5 ваших конкурентов и прогоните их так же через PageSpeed. Это позволит убедиться, что даже у них сервис не покажет идеальных значений, но при этом они находятся на тех позициях, к которым стремитесь вы.

Но всё это не значит, что PageSpeed бесполезен.

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

Единственный нюанс: сервис не знает, где и на каких условиях размещён сайт, как он собран и какие функции необходимы бизнесу. Поэтому не все его рекомендации имеет смысл торопиться реализовывать все сразу: разработчик и SEO-специалист должны определить, какие из них действительно стоит внедрить, а какие просто не применимы к вашей сборке сайта и конфигурации его размещения.

Как проверить скорость загрузки через Яндекс Метрику

Яндекс Метрика собирает данные во время реальных посещений сайта.

Откройте: Отчёты → Мониторинг → Время загрузки страниц.

Для первичной проверки достаточно двух показателей — времени до отрисовки и времени до загрузки DOM.

Метрика показывает время в миллисекундах, где 1000 мс — это одна секунда.

Время до отрисовки

Показатель сообщает, когда посетитель начинает видеть страницу. Рабочие ориентиры:

• до 1000 мс — отлично;
• 1000–2000 мс — нормально;
• 2000–3000 мс — сайт может казаться медленным;
• более 3000 мс — нужно искать причину задержки.

Время до загрузки DOM

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

• до 2000 мс — отлично;
• 2000–4000 мс — нормально;
• 4000–6000 мс — страницу стоит проверить;
• более 6000 мс — посетители могут замечать задержку.

Сначала посмотрите время до отрисовки — оно показывает, сколько посетитель ждёт до появления страницы на экране. Затем проверьте время до загрузки DOM, чтобы понять, когда страница становится доступна для полноценного взаимодействия.

Квантиль

В Метрике этот параметр показывает, какая доля загрузок страниц уложилась в указанное время: 50% — половина загрузок заняла не больше указанного времени, вторая половина — больше; 75% — 75 загрузок из 100 заняли не больше указанного времени; 90% — 90 загрузок из 100 заняли не больше указанного времени, учитывая пользователей с медленным интернетом и менее производительными устройствами.

Например, если при квантиле 50% Метрика показывает 1208 мс, это означает, что 50 из 100 загрузок заняли не более 1,2 секунды.

Чем выше выбранный квантиль, тем больше обычно будет показанное время — это нормально, в расчёт попадает больше медленных загрузок. Для обычной проверки ориентируйтесь на 50-75%, а 90% полезно смотреть отдельно, чтобы увидеть проблемы у наиболее медленной части аудитории.

Не оценивайте страницу по трём-пяти просмотрам — один человек с нестабильным мобильным интернетом может сильно повлиять на результат. И Яндекс, и мы рекомендуем использовать мониторинг при посещаемости более 100 просмотров страниц в неделю.

Дополнительная проверка: пользовательский опыт

Один из самых эффективных и практичных методов — проверка и тест на нескольких устройствах в разных условиях. Откройте сайт на телефоне через мобильный интернет.

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

Проверку скорости работы сайта также может провести команда технической поддержки и оптимизаторов. Очень часто встречаются сайты, где PageSpeed показывает красную зону, но проблем с загрузкой нет, и данные Метрики подтверждают этот факт. Если Метрика показывает нормальные значения и пользователи не замечают задержек, низкий балл PageSpeed сам по себе не означает, что сайт работает плохо.

Итог

PageSpeed используйте для поиска возможных технических улучшений.
Яндекс Метрику — для оценки загрузки у реальных посетителей.
Проверку на разных устройствах — чтобы понять, насколько быстро сайт загружается на практике.

Автор статьи: Булгаков Михаил.

Материал основан на документации Google и Яндекс Метрики, а также на практическом подходе к проверке скорости сайтов.