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

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

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

Загрузка сайта: что это и на что влияет?

Скорость загрузки контента влияет на настрой пользователя к его получению. Если это интернет-магазин, то клиент оценивает, насколько он быстро сможет совершить покупку, если это онлайн-трансляции/видеосервис, то насколько быстро он сможет посмотреть видео, и т.п.

Если время ожидания превысит определённый порог, то клиент отдаст предпочтение продукту конкурентов при остальных равных условиях.

И это логично, ведь зачем ждать, если можно получить то же самое, но быстрее?

Многие IT-гиганты уже провели свои исследования на эту тему и подтвердили: чем быстрее грузятся страницы и основной контент, тем меньше вероятность отказа (ухода) пользователя.

Но тут нужно определить, что такое «скорость загрузки страницы». Ведь если ждать полного окончания загрузки всех связанных со страницей скриптов, файлов, изображений и т.п., то это один показатель, а если засечь время до показа основного контента – то это уже совсем другое.

Скорость загрузки страницы – это время, которое необходимо браузеру для отрисовки основного макета HTML-страницы и предоставления доступа к ключевым объектам в поле зрения пользователя.

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

Обратите внимание, поисковики различают скорость загрузки страниц для ПК и для мобильных устройств. И дело не только в разных версиях сайта или в адаптивной вёрстке. У вас может быть одна версия страницы для всех типов устройств. Но это не значит, что в результате тестирования она получит одинаковое количество баллов на разных платформах. Дело в том, что при анализе учитывается и канал доступа к Интернету. Если речь о мобильных гаджетах, то будет эмулироваться подключение 3G, которое используется в большинстве стран и у многих операторов мобильной связи. А оно заметно медленнее 4G или подключения по Wi-Fi.

Время загрузки – это комплексный показатель, который оценивается по нескольким техническим критериям. Если говорить о публичном сервисе компании Google, на который равняются и другие лидеры рынка, то будут анализироваться следующие характеристики (многие из них оцениваются по нескольку раз, а дополнительная статистика для ранжирования подтягивается из браузеров Chrome):

  • FCP (First Contentful Paint) – первая отрисовка контента, то есть время, через которое пользователь начинает видеть хоть что-то на загружаемой странице. Этот показатель характеризует то, как скоро пользователь поймёт, что страница загружается и вот-вот начнёт предоставлять ему нужный контент.
  • FID (First Input Delay) – ожидание до первого взаимодействия (задержка ввода), то есть время, через которое пользователь сможет совершать какие-то действия на сайте – нажимать ссылки, прокручивать страницу, выбирать поля ввода и т.п.
  • LCP (Largest Contentful Paint) – отрисовка наибольшего контента, время, через которое пользователь увидит основное содержимое страницы и поймёт, нужно оно ему или нет. Под наибольшим контентом подразумевается самый крупный по площади блок, видимый пользователем в окне браузера (находящийся в активном поле зрения).
  • CLS (Cumulative Layout Shift) – совокупное/кумулятивное смещение макета, это характеристика, показывающая, как часто и сильно смещается исходный макет между двумя ближайшими кадрами (фреймами). Это характеристика стабильности вашего макета, рассчитанная на случаи, когда вёрстка блоков станицы может перерисовываться по мере взаимодействия с пользователем (при скроллинге, при нажатии на кнопки, наведении курсора и т.п.).
  • TTFB (Time to First Byte) – время до первого байта, когда браузер получает первый байт в ответ на запрос к серверу.
  • INP (Interaction to Next Paint) – взаимодействие до следующей отрисовки, сложный показатель, который характеризует, насколько быстро страница реагирует (отзывается) на действия пользователя.

Приведённые выше метрики могут периодически пересматриваться, может меняться их вес, название и порядок расчёта. Google постоянно работает над улучшением процесса замеров. Например, TTFB и INP долгое время были экспериментальными, но с 2023 года они вошли в перечень основных.

У других сервисов могут быть свои метрики и алгоритмы подсчёта. Но решение от Google имеет наивысшую важность, так как именно по этому алгоритму принимается решение о ранжировании сайтов в выдаче Google (оно является частью общей системы оценки сайтов).

Обратите внимание, браузеры Google Chrome тоже являются обязательной частью системы оценки, это так называемый CrUX Report (Chrome User Experience Report). Только так можно получить измерение скорости загрузки «на местах» (с рабочих станций конкретных пользователей) и вести объективную статистику.

Яндекс считает время загрузки страниц по другим критериям:

  • Время обработки запросов к DNS.
  • Время, потраченное на обработку редиректов.
  • Время ожидания установки соединения с сервером.
  • Время ответа сервера.
  • Загрузка и парсинг HTML.
  • Время до загрузки структуры DOM (когда уже можно взаимодействовать со страницей).
  • Время до отрисовки.

Инструмент оценки страниц Яндекса встроен в панель Вебмастера, поэтому рассматривать его отдельно мы не будем. Оценка показателей производится с некоторой периодичностью – при обходе поисковым ботом страниц сайта (только с серверов компании, без выносных скриптов в браузерах, как у Google). Вам достаточно следить за уведомлениями в панели вебмастера. Если поисковику что-то не понравится, он обязательно об этом сообщит.

Сервисы для проверки скорости сайта

Теперь список лучших сервисов для оценки скорости загрузки страниц.

Google PageSpeed Insights

Официальный сайт: pagespeed.web.dev

Стоимость: бесплатно.

Формат утилиты: web-сервис + скрипт для своего сервера + API.

PageSpeed Insights – это специальный сервис от компании Google. Многие наработки, такие как Lighthouse (непосредственно ПО для технического анализа страниц и оценки процесса их загрузки), распространяются совершенно бесплатно, с открытым исходным кодом. Это значит, что любой желающий может взять их за основу для разработки своего решения.

PageSpeed Insights – это целый комплекс тематических инструментов. Сюда входит также Chrome UX Report (средство для отслеживания метрик сайтов «на полях», работающее непосредственно в браузерах Chrome) и API-интерфейс для автоматизации процесса массовых замеров.

Достоинства

  • Скрипт Lighthouse для использования на своём сервере или в составе web-приложения.
  • API для разработчиков (допускается большое количество автоматических запросов).
  • Возможен ручной запуск проверок для отдельных страниц.
  • Подробный журнал оценки.
  • Конкретные технические рекомендации по устранению недочётов.
  • Предоставляются DNS-серверы и другая инфраструктура Google для ускорения скорости загрузки (например, хостинг популярных JS-библиотек).
  • Готовый модуль PageSpeed для оптимизации серверов Apache и Nginx.
  • Подробная документация для обычных пользователей и для разработчиков (много информации на русском языке).
  • Инструменты для оценки встроены в браузер Google Chrome (в перечне инструментов для разработчиков).
  • Параллельно оцениваются технические SEO-атрибуты (наличие тегов, ошибок вёрстки, какие ссылки невозможно просканировать и т.п.).
  • Составляется подробная карта эффективности (интерактивная блочная схема с распределением времени загрузки/ответов отдельных элементов).
  • Отдельные результаты для ПК и мобильных гаджетов.
  • Есть интерактивный калькулятор (Lighthouse Scoring Calculator), позволяющий понять влияние тех или иных показателей при расчёте общего итога.

Недостатки

  • Если проверка не пройдена (низкая скорость ответа или другие ошибки на странице), скрипт может зависнуть, не показав рекомендации и другую важную информацию. А просто плохая оценка неинформативна.
  • Нельзя запрашивать большое число проверок через web-интерфейс. Для этого нужно использовать API.
  • Нельзя настроить конкретные параметры эмуляции (скорость подключения, агент пользователя и т.п.). Всё это определено по дефолту.
  • PageSpeed Insights – это не просто метрика. Показатели оценки реально влияют на поисковую выдачу (пусть не напрямую, а опосредованно, через CrUX Report и т.п.). Поэтому, если у вас низкий балл, обязательно нужно предпринять шаги, которые могли бы это исправить.
  • Метрики периодически пересматриваются, и итоговые оценки могут меняться как в лучшую, так и в худшую сторону.

SiteSpeed

Официальный сайт: sitespeed.ru

Стоимость: бесплатно.

Формат утилиты: web-сервис.

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

Достоинства

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

Недостатки

  • Очень долгий тест, не подходит для массовой оценки страниц большого сайта (только выборочные проверки).
  • Непонятная единица измерения – проценты (что может показывать результат 100%, быструю загрузку?).
  • Нет разделения итогов для мобильных и настольных устройств (а сейчас скорость мобильных гаджетов намного важнее ПК).
  • Слабые рекомендации по оптимизации.
  • Проверки ведутся с одного сервера (нет реальной картины скорости загрузки с рабочих мест пользователей).

Pingdom Tools

Официальный сайт: tools.pingdom.com

Стоимость: бесплатно + мониторинг с уведомлениями по подписке от 10 USD/месяц.

Формат утилиты: web-сервис + API.

Pingdom Tools – это целый сборник профильных сервисов для системных администраторов и web-мастеров. Инструментом для оценки скорости загрузки можно воспользоваться бесплатно. Но это будет только базовый анализ. Если вам нужно больше аналитики и требуются оперативные уведомления о критических событиях, то придётся оплачивать подписку. В этом случае у вас будет доступ к API, к плагинам для WordPress и Slack, а также к мобильным приложениям

Достоинства

  • Можно выбирать регион расположения серверов, с которых будет осуществляться проверка (подходит для тестирования скорости загрузки сайта из разных стран).
  • Провайдер сервиса предлагает большое количество услуг по мониторингу сайтов. Есть скрипты и утилиты для проверки разных типов серверов, отслеживания аптайма, мониторинга транзакций и т.п.
  • Результаты оценки можно загрузить в JSON-формате (для дальнейшего парсинга и аналитики в составе других программ/сервисов) или поделиться страницей с друзьями/коллегами.
  • Проверяется большое количество параметров: наличие сжатия, количество HTTP-запросов, общее время полной загрузки, итоговый размер страницы с вложениями, наличие специальных заголовков о кэшировании и т.п.
  • Отдельно анализируются элементы, чей объём занимает наибольшую долю от общего трафика.
  • Показывается графическая карта загрузки отдельных элементов.
  • Есть API, плагин для WordPress и мобильные приложения для мониторинга.

Недостатки

  • Интерфейс на английском языке.
  • В доступных регионах нет точек, близких к РФ (максимум Европа).
  • Продвинутые инструменты для мониторинга сайта распространяются платно (по подписке). Естественно, с российских карт подписку никак не оплатить.
  • Нет адекватных рекомендаций по устранению проблем.

Gtmetrix

Официальный сайт: gtmetrix.com

Стоимость: бесплатно + подписка от 4,25 USD/месяц.

Формат утилиты: web-сервис + API.

Gtmetrix – это крупный игрок рынка, который зарабатывает на сотрудничестве с корпоративными клиентами. Компания оказывает ряд услуг по мониторингу и оценке сайтов, плюс, спонсируется материнской компанией, которая предоставляет ряд облачных сервисов для бизнеса.

Метрика работает с 2009 года и сделана действительно профессионально. Ранее для новых клиентов и начинающих web-мастеров предоставлялся бесплатный тариф (с рядом ограничений), но сейчас остались только платные подписки. Трафик из РФ блокируется полностью, так что для российских клиентов сервис не подойдёт.

Достоинства

  • Для анализа используется два параллельных скрипта, Web Vitals (на базе Lighthouse от Google) и свой, поэтому многие оценки и параметры напрямую соотносятся с метриками Google.
  • Отчёты Gtmetrix более понятные и простые, чем у того же Google. Большое количество средств визуализации: графики, диаграммы, даже пошаговые видео.
  • Мониторинг можно автоматизировать за счёт API и автоматических отчётов по заданному графику.
  • После регистрации аккаунта можно отслеживать статистику в динамике (с привязкой ко времени).
  • Доступно раздельное тестирование для ПК и мобильных.
  • В премиум-подписке выбор опорных серверов существенно больше, и появляется возможность выбора нужного. Можно настроить рассылку уведомлений о важных событиях.

Недостатки

  • Сервис недоступен для пользователей из РФ (для использования понадобятся средств для обхода блокировок), хотя российские сайты анализируются без проблем.
  • Опорные серверы в бесплатном тесте выбираются автоматически. И они часто расположены далеко от Европы или РФ/стран СНГ.
  • Интерфейс и документация только на английском языке.
  • Больше нельзя создавать бесплатные аккаунты (хотя раньше они были).

Uptrends.com

Официальный сайт: www.uptrends.com/tools/website-speed-test

Стоимость: бесплатно + подписка (от 100 USD/месяц).

Формат утилиты: web-сервис + API.

Достоинства

  • Детально настраиваются параметры тестирования (разрешение экрана, скорость канала, расположение опорного сервера).
  • Есть бесплатные (базовые) услуги для оценки скорости, а есть продвинутые инструменты корпоративного уровня.
  • Большой выбор локаций (более 230 разных расположений серверов для премиум-доступа и 10+ в бесплатной версии сервиса).
  • В одном месте можно получить и другие полезные сервисы для мониторинга. Есть API для автоматизации и оперативные уведомления о критических событиях.
  • Центр техподдержки и подробные инструкции, как устранить те или иные ошибки (низкие оценки/показатели).
  • В системе оценок используются параллельно несколько алгоритмов: Web Vital (от Google), W3C Navigation Timing и свой.
  • Есть бесплатный тариф для мониторинга и сохранения истории (+выгрузка данных в табличном формате или в PDF).
  • Страницей с результатами теста можно поделиться с партнёрами и сотрудниками.

Недостатки

  • Нет поддержки русского языка.
  • Нельзя оплатить подписку из РФ, хотя инструменты здесь реально полезные. Высокие цены по рынку.
  • Нет опорных серверов в России (странах СНГ).
  • Фактически скрипт работает на базе Lighthouse, только добавлен выбор локаций.
  • Тестирование скорости предоставляется бесплатно, но комплексные подписки, если нужны дополнительные инструменты и API, стоят очень дорого (от 100 USD/месяц).

k6 (бывший Load Impact)

Официальный сайт: k6.io

Стоимость: подписка от 89 USD/месяц или бесплатный скрипт.

Формат утилиты: web-сервис + API + скрипт для своего сервера.

k6 (бывший сервис Load Impact) – это профильное решение для проведения замеров под нагрузкой. С помощью распределённой сети серверов производится контролируемая «атака» вашего сайта, как при DDoS. При этом система собирает детальную аналитику и по итогу показывает, как себя ведёт ваш сервер под нагрузкой (когда и при каком количестве запросов падает производительность, как меняется время ответа и т.п.).

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

Достоинства

  • Есть готовая облачная реализация с комплексной инфраструктурой для нагрузочных тестов.
  • Основной скрипт распространяется совершенно бесплатно – с открытым исходным кодом (можно настроить свою систему тестирования).
  • Это один из немногих сервисов, который позволяет производить замеры скорости загрузки страниц и других показателей под растущей нагрузкой.
  • Есть разные варианты API и большой перечень готовых интеграций (в том числе плагины для IDE и др.).
  • Подробная документация и живое сообщество.
  • Адекватные условия бесплатного тарифа (подходят для малого бизнеса).

Недостатки

  • Нет поддержки русского языка.
  • Цены заметно выше, чем у сервисов для простой оценки. Списание производится по сложной схеме – по мере потребления запросов, трафика, объёма логов и т.п. У каждого критерия свои тарифы.
  • Слабый выбор зон загрузки даже в платных подписках.
  • Даже с бесплатным скриптом будет сложно организовать свою нагрузочную систему, так как для этого нужно большое количество серверов или прокси.
  • В бесплатном скрипте нет визуализации данных.
  • Результаты тестирования не такие информативные, как в профильных сервисах для оценки скорости. Основная цель существования k6 – именно нагрузочные тесты.

PR-CY

Официальный сайт: pr-cy.ru

Стоимость: бесплатно или подписка от 825 руб./месяц.

Формат утилиты: web-сервис + API.

PR-CY – это российский сервис для быстрой комплексной оценки сайтов по разных параметрам. Идеально подходит для проведения технических SEO-аудитов и для мониторинга сайтов конкурентов по таким ключевым показателям, как посещаемость, самые успешные поисковые фразы, показатели ИКС и PR, и т.п.

Оценку скорости загрузки можно получить в рамках комплексного аудита и в виде отдельных мини-сервисов: первый умеет массово проверять показатели Web Vitals по списку страниц (работает по API Google), а второй – полный аналог сервиса Google PageSpeed Insights, , то есть предоставляет подробную информацию по выбранным страницам/URL.

Достоинства

  • Можно оценить скорость загрузки для конкретной страницы/сайта или для целого списка страниц.
  • Сервис предлагает массу других полезных инструментов для оценки качества сайта и эффективности работ по его продвижению.
  • Всё на русском языке.
  • Процесс мониторинга показателей можно поставить на автопилот – при оплате подписки.
  • Есть API для интеграции со своими программами и сервисами.
  • Сайт и его метрики можно сравнивать с конкурентами.

Недостатки

  • В комплексном аудите отчёт о скорости загрузки закрыт, требуется подписка.
  • Бесплатно можно воспользоваться только отдельными мини-сервисами, но они полностью дублируют решение от Google (PageSpeed Insights).
  • Так как массовый запрос работает по API CrUX Report, то по отдельным страницам может не быть данных (это происходит из-за того, что на них ещё никто не заходил с браузера Google Chrome, поэтому и статистика отсутствует).
  • Нет возможности детальных настроек (опорных серверов, скорости канала и т.п.).
  • Платная подписка практически никак не расширяет функционал по измерению скорости загрузки.

Итоги

Чтобы держать руку на пульсе и лично контролировать не только скорость загрузки, но и качество работы вашего сайта (доступность страниц, отображаемые ошибки, имеющиеся проблемы с внутренними и внешними скриптами, и т.п.), логично использовать специальные сервисы для проверки. Они же пригодятся для SEO и технического анализа сайтов – своих, клиентских, или, как вариант, сайтов конкурентов.

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

Единственный значимый результат обеспечивает сервис Google PageSpeed Insights и связанная с ним инфраструктура: CrUX Report со своим API, данные в панели вебмастера и т.п.

Аналогичное решение, но без реализации отдельного сервиса есть у Яндекса (в его панели вебмастера).

Тем не менее, это не значит, что вам не нужны сторонние сервисы. Даже если они работают по тем же алгоритмам, что и скрипты Google, вы можете получить другие бонусы в виде API, внятной истории, сводных аналитических отчётов, системы экспорта данных и многое другое.

Дата публикации Дата публикации: 16 ноября 2022 Обновлено: 14 мая 2024