Скорость загрузки сайта - 20 лучших инструментов для проверки
Proposition  »  SEO блог  »  Проверка скорости загрузки сайта

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

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

Ниже перечислены ТОП-20 инструментов для измерения скорости загрузки сайта. Важно понимать, что при запуске таких инструментов, как правило, скорость в первый раз обычно будет медленнее. Если вы сравниваете общее время загрузки, иногда лучше запускать тесты несколько раз и брать средние результаты.

 

1. Google PageSpeed Insights

Google PageSpeed Insights

API PageSpeed ​​Insights (PSI) сообщает о производительности страницы как на мобильных, так и на настольных устройствах, а также дает рекомендации по улучшению этой страницы.

Показатель эффективности

В верхней части отчета Google PageSpeed дает оценку, которая суммирует производительность страницы. Если оценка 90 или выше – скорость считается быстрой, 50 – 90 – считается средней. Если оценка ниже 50 – страница считается медленной. Анализ проводится для текущей страницы в условиях эмулированной 3G-сети. Значения приблизительные и могут изменяться.

Google PageSpeed Insights

Рекомендации сервиса

Сервис дает рекомендации по действиям,которые могут улучшить скорость загрузки. Например, загрузка JS/CSS, сжатие для изображений, улучшение производительности (правила использования кеша, глубина вложенности, настройки отображения шрифтов и др.). В целом, PageSpeed ​​Insights проводит аудит по более чем 16 параметрам и по каждому из них дает рекомендации по оптимизации с перечнем проблемных УРЛ, ресурсов и элементов.

Вывод

Однозначно, сервис рекомендуется к использованию, так как:

  • сервис удобный и анализирует множество параметров;
  • рекомендации дает сам Google “из первых уст” и это стоит брать во внимание, если мы продвигаемся под Google.

 

2. Pingdom Tools

Pingdom Tools

Англоязычный сервис для тестирования скорости загрузки страницы. Проверяет скорость конкретной страницы, а не сайта в целом. Чтобы проверить страницу, достаточно ввести URL страницы и выбрать регион проверки. Например, если сайт посещают жители Восточной Европы, то лучше выбрать этот регион. С помощью Pingdom отслеживается время работы, производительность и взаимодействие веб-сайтов.

Рекомендации сервиса

Вы получите следующие рекомендации:

  • Производительность. Анализируется: использование кеша, куки-файлов, CDN, оптимизация компонентов страницы – CSS, скриптов, тегов изображений и ссылок, редиректы. По каждому пункту дается оценка (Отлично -“A”, Хорошо -“С”, “D”, Плохо – “F”).
  • Коды ответов. Вы получите количество по каждому из кодов ответа сервера.
  • Размеры по типу элементов. Список типов элементов с расшифровкой размеров по каждому типу в количественном и процентном значении – сколько места занимают шрифты, скрипты, изображения, CSS, HTML, XHR, редиректы.
  • Количество запросов к серверу по каждому типу элементов (в процентном и количественном виде).
  • Размеры контента и запросы в разрезе доменов. Например, если элементы подгружаются с других доменов.
  • И, наконец – размеры и время загрузки по каждому элементу страницы. Можно отсортировать значения в по размеру, типу ответа, времени ответа и т.д.

Pingdom Tools

Вывод

Полезный бесплатный сервис со множеством показателей. Имеет приятный дизайн.

 

3. GTmetrix

GTmetrix

Чтобы проверить скорость в данном сервисе достаточно ввести УРЛ и нажать кнопку Старт. В результате, мы увидим информацию по времени загрузки сайта в GTmetrix и в YSlow Score (сервис обсудим ниже). Обычно оценка скорости в GTmetrix выше, чем в YSlow Score – в нашем случае это 81% и 77%.

Как и во многих подобных инструментах, итог тестирования отображается в виде таблицы с рекомендациями. Например, в нашей таблице сверху была получена плохая оценка “F” по кешированию ресурсов (был дан перечень ресурсов для настройки кеша), а также по загрузке скриптов (показаны теги скриптов, которые мешали быстрой загрузке). Остальные параметры были в норме (около 25 параметров).

GTmetrix

Вывод

Сервис хорош для тестирования, благодаря приятному интерфейсу и множеству параметров. Также интересно, что в сервис интегрированы данные тестирования сервиса YSlow Score. Есть расширенная информация по загрузке каждого элемента (вкладка “водопад”). Минус данного сервиса, как и многих бесплатных, – это случайный выбор региона и браузера для тестирования, поэтому скорость может меняться от теста к тексту. Для точности измерения лучше делать замеры ближе к своему региону.

 

4. DevTools Google Chrome

Chrome DevTools

DevTools Google Chrome – полезный инструмент, чтобы быстро узнать скорость загрузки страницы и увидеть какие файлы тормозят ее загрузку.

Чтобы открыть инструмент нужно в браузере Chrome воспользоваться сочетанием клавиш  Ctrl+Shift+I (для Windows) или Cmd+Opt+I (для Mac). Либо через Меню/Дополнительные инструменты/Инструменты разработчика. Либо через контекстное меню мыши – пункт Inspect. Внизу на панели мы видим финальное количество запросов и скорость загрузки. Стоит отметить, что тут отображаются только те запросы, которые происходили после загрузки DevTools.

Также можно проверить скорость загрузки сайта с разной скоростью — имитируя реальные условия использования сайта например при 3G подключении.

Chrome DevTools

Вывод

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

 

5. Dotcom-Monitor

Dotcom-Monitor

Dotcom-Monitor – это платный сервис, который имеет 30 дней тестового периода. Минимальный тариф – 19$/мес. Чтобы проверить скорость сайта нужно ввести УРЛ. Сервис дает возможность выбрать браузер, страну/город (предлагается список из 29 городов). Интересно то, что можно выбрать как один, так и несколько регионов. Отчет о производительности сети включает:

  • Отчет по местоположению – время загрузки при первом и повторном визите.
  • 10% самых быстрых элементов.
  • 10% самых медленных элементов.
  • Всесторонняя диаграмма по всем запросам (таблица “водопад”).
  • Разбивка по элементам хоста – включая DNS, соединение, SSL, запрос, первый пакет и загрузку.
  • Проверка ошибок.

Dotcom-Monitor

Также сервис дает рекомендации по улучшению скорости сайта во вкладке Page Speed Insights. Сюда входит оптимизация изображений, кеша, скриптов и CSS, контента и других факторов. Можно поделиться результатами теста с помощью ссылки на отчет. Также сервис имеет множество дополнительных инструментов для мониторинга сайта, настраиваемые алерты на почту и удобные дашборды.

Dotcom-Monitor

Вывод

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

 

6. DareBoost

DareBoost

Англоязычный сервис, который позволяет тестировать скорость загрузки страницы по заданным параметрам. Можно выбрать условия тестирования:

  • Тип устройства.
  • Регион.

Сервис позволяет бесплатно и без регистрации протестировать один сайт или до 5 сайтов с регистрацией. Свыше этого – платно.

Рекомендации сервиса

В результате анализа, сервис дает советы по 10 категориям:

  1. Использование кеша (перечень ресурсов без датировки кеша, рекомендации по сжатию, размеры скриптов и др.).
  2. Количество запросов (информация по редиректам, группировке CSS и скриптов, распределение ресурсов по доменам, CSS-спрайты, свойства изображений и др.).
  3. Безопасность (например, наличие конфигураций защищающих от вредоносных атак).
  4. Доступность/видимость (например, ошибки верстки – пустые теги, атрибуты lang, атрибуты форм отправки данных, пустые src, анкоры ссылок и др.).
  5. Отзывчивость (например, отсутствие устаревших атрибутов – фреймов, Java-компонентов, Flash, использование UTF-8 и др.).
  6. Качество  (например, ошибки в СSS и HTML, наличие фавикона, и др.).
  7. Данные о сервере (Apache).
  8. Отображение в браузере (атрибуты JavaScript, количество кода, дублирование сценариев и др.).
  9. Общие данные (оптимизация кода, ссылок, изображений, шрифтов, размер веб-страницы, вес редиректов и др.).
  10. SEO-параметры (оптимизация метатегов, URL, заголовков и т.д.).

Вывод

Плюсы: Сервис дает множество дельных рекомендаций и анализирует по огромному количеству параметров. Некоторые из параметров не встретишь в арсенале других подобных сервисов, как, например – данные о безопасности или о дублировании сценариев. Минусы: бесплатно только до 5-ти проверок.

 

7. KeyCDN Speed Test

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

Вывод

Вы можете быстро увидеть, сколько HTTP-запросов было сделано, полный размер запрашиваемой страницы и время загрузки. Всю полученную информацию, в принципе, можно получить вручную с помощью DevTools Google Chrome, кроме того, что в сервисе KeyCDN Speed Test можно выбрать регион для тестирования.

 

8. Load Impact

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

Вывод

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

 

9. Monitis Tools

Чтобы проверить скорость необходимо зарегистрироваться. Далее, в личном кабинете в разделе Tools выбрать инструмент Full Page Load, который тестирует все элементы на странице симулируя переходы из разных частей мира. Инструмент бесплатный.

Вывод

В результате теста получим сводную статистику загрузок всех элементов страницы в виде трех таблиц по регионам: Азия, Европа и США, с указанием скорости загрузки по каждому региону. Минусы сервиса – необходима регистрация, нет подробных рекомендаций, интерпретация результатов самостоятельная. Плюс сервиса – возможность проверить скорость из основных регионов мира.

 

10. Pagelocity

Инструмент проверяет скорость загрузки сайта по трем разделам: SEO, производительность и код. Оценка производится по 100-бальной шкале. Чтобы проверить скорость нужно ввести УРЛ страницы и кликнуть “Проверить”. Выбора дополнительных опций для проверки (как регион или браузер) тут нет. Зато, в результате мы увидим аккуратненько представленную информацию:

    • Раздел SEO. Основные показатели: размер исходного кода, размер текста, соотношение текста к HTML, длина УРЛ. А также проверка еще 9-ти параметров по заголовкам, УРЛ, мета-тегам.
    • Раздел Производительность. Размер изображений, скриптов, CSS и скорость загрузки. А также еще 8 параметров.
    • Раздел Код. Показатель TTFB (время до первого байта), DOM-элементы и еще 12 показателей – коды ответа, проверка https, длина классов и другие.

Также сервис имеет расширение для Chrome для упрощения проверки скорости страницы.

Вывод

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

 

11. PR-CY

PR-CY – мультизадачный сервис для анализа сайта. Чтобы проверить скорость загрузки необходимо выбрать соответствующий инструмент и ввести УРЛ, дополнительно выбрать тип устройства – компьютер или мобильный. В результате, инструмент дает рекомендации, подобные Google PageSpeed Insights, а именно:

  • Общая оценка скорости (с цветовой индикацией “плохо”, “хорошо” и “отлично”) и код ответа.
  • Проверка редиректов.
  • Рекомендации по сжатию ресурсов.
  • Рекомендации по кешированию.
  • Время ответа сервера.
  • Рекомендации по сжатию CSS, HTML и JavaScript.
  • Оптимизация изображений, скриптов, стилей и видимого контента.

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

Вывод

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

 

12. SiteSpeed.me

Это простой инструмент, который проверяет скорость в разных регионах. Чтобы сделать тест необходимо просто ввести УРЛ страницы. Результат теста – таблица с данными по скорости, коду ответа, размеру и общему времени загрузки по регионам – Нидерланды, Россия, Украина, США. Также по каждому региону раскрывается подробная информация по этапам загрузки и по времени загрузки каждого элемента.

Вывод

Сервис не дает своих рекомендаций и показывает только общую картину по этапам загрузки. Будет полезен тем, кто тестирует скорость из разных точек мира.

 

13. Sucuri Load Time Tester

Также, простой сервис для тестирования скорости, в котором достаточно ввести УРЛ и мы увидим таблицу с данными по разным точкам мира. Сервис проверяет скорость по 16 локациям, в том числе – США, Япония, Великобритания, Нидерланды, Канада, Франция, Сингапур, Индия, Германия, Австралия, Бразилия. Показывается время до первого байта (TTFB) и общее время загрузки по каждому региону. Внизу подсчитывается общее среднее время загрузки и дается оценка скорости.

Вывод

Как и предыдущий сервис, Sucuri Load Time Tester будет полезен тем, кому важно знать общие данные скорости в разных регионах. Детальную же информацию и рекомендации сервис не выдает.

 

14. Sitechecker.pro

По ссылке https://sitechecker.pro/speed-test/ можно проверить скорость страницы с помощью удобного инструмента. В результате получим анализ по 10 параметрам – общее время загрузки, рекомендации по HTML, CSS, JavaScript и другие. Плюсы – в списке рекомендаций дается перечень элементов, которые необходимо оптимизировать. Минусы – нет выбора региона, платформы, нет возможности поделиться ссылкой с результатом теста.

 

15. Uptrends

Uptrends – это мультифункциональная платформа с несколькими бесплатными инструментами, среди которых – тест скорости. Интересен тем, что можно задать опции проверки:

    • Регион. Можно выбрать 1 из 10 предложенных городов (из США и Европы, Азии и Австралии).
    • Тип устройства – десктоп или мобайл.
    • Разрешение – 6 размеров экрана.
    • Тип подключения – нативное, ADSL, кабель и другие.
    • Браузер.
    • Тип устройства – для мобайла (более 20 видов)
    • Тип сети – нативная, 2G, 3G, 4G.

Результаты теста дают множество информации:

    • Общие данные – оценка скорости (по Google Pagespeed Score), время загрузки, размер, количество запросов,
    • Рекомендации по производительности – оптимизация кеша с перечнем ресурсов, оптимизация блокирующих  CSS и JavaScript, сжатие изображений, использование gzip, минифицирование JavaScript.
    • Сводные данные в разрезе типов обектов, размеров объектов, кодов ответа сервера, использования доменов.
    • Таблица запросов с подробными данными загрузки по элементам – по количеству запросов, типам запросов и времени загрузки.

Вывод

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

 

16. Varvy Pagespeed Optimization

Varvy – это сервис, который имеет в арсенале три инструмента –

  • проверка SEO-параметров,
  • проверка скорости загрузки,
  • проверка оптимизации под мобильные устройства.

Инструмент скорости загрузки не требует авторизации, достаточно ввести только УРЛ страницы. Результаты теста делятся на разделы:

    • Сводная информация по серверу, странице и ресурсам.
    • CSS, JavaScript, изображения, кеш – размеры, перечень ресурсов для оптимизации, рекомендации по каждому разделу.
    • Другие данные (сжатие, времени ответа сервера и пр.).

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

Вывод

Удобный и функциональный сервис, который дает основную информации по оптимизации скорости.

Минусы инструмента – нельзя поделиться результатом теста, нельзя выбрать опции тестирования (регион, бразер).

Плюсы – впечатления по использованию положительные из-за удобной подачи информации.

 

17. Web Page Test

Webpagetest.org – простой и полезный бесплатный сервис. Чтобы протестировать скорость нужно:

  • Ввести УРЛ.
  • Выбрать регион. Более 30 городов из основных регионов планеты. Можно выбрать из списка или на карте.
  • Выбрать платформу/браузер.

В результате теста получим:

  • Основные показатели – время загрузки (Load Time), время до первого байта (First Bite), время начала рендеринга страницы (Start Render), индекс скорости или среднее время отображения видимых частей страницы, время до интерактивности или до первого использования страницы (Time to Interactive), количество запросов, размер страницы.
  • Отображение статистики по элементам в виде диаграмм и таблиц. Отдельно вкладками сгруппированы показатели – разбивка по контенту, по доменам, скриншот страницы.

Кроме того, на базе сервиса есть полезный инструмент по оптимизации изображений по ссылке https://webspeedtest.cloudinary.com/. С его помощью можно получить готовые сжатые изображения и загрузить их.

Вывод

Минусы сервиса – нет рекомендаций по оптимизации, плюсы – детальная поэлементная разбивка по скорости и запросам. Для оптимизации изображений есть отдельный инструмент.

 

18. WhichLoadFaster

По ссылке http://whichloadsfaster.zomdir.com/ можно сравнить скорость загрузки двух сайтов. В результате, например, сравнивая google и apple мы увидим такую картинку: Сервис не нагружен большим количеством показателей и рассчитан на тех пользователей, кто хочет в один клик сравнить любые два сайта. Для более щепетильного анализа сервис предлагает протестировать скорость инструментом GTmetrix.

 

19. Yellow Lab Tools

Простой и в то-же время удобный сервис отличается приятным дизайном. Чтобы протестировать скорость нужно ввести УРЛ и выбрать устройство (десктоп, мобайл или планшет).   Результаты теста представлены рекомендациями по 11 параметрам. Среди них – вес страницы, запросы, сложность DOM, манипуляции с DOM, проблемы с прокруткой, JavaScript, CSS, шрифты, конфигурации сервера. По каждому разделу есть перечень рекомендаций с приложением элементов для оптимизации.

Вывод

Сервис очень похож на Google PageSpeed Insights – также есть выбор платформы, но нет выбора региона для тестирования. Очень похожи параметры, но некоторые отличаются. В целом, сервис хорош как сам по себе, так и в связке с другими инструментами для полноты тестирования.

 

20. YSLOW

И в завершение – один из старейших инструментов – расширение Yslow, которое интегрируется в:

  • Firefox
  • Chrome
  • Mobile/Bookmarklet
  • Opera
  • Safari
  • Командная строка (Command Line, HAR)
  • PhantomJS
  • Сервер Node.js
  • Исходный код

Yslow в работе руководствуется правилами производительности сайтов от Yahoo! – использует 23 правила из этих 34. Перечень анализируемых параметров в Yslow:

  1. Минимизация HTTP-запросов
  2. Использование сети доставки контента
  3. Избегание пустых SRC или HREF
  4. Использование заголовков Expires или Cache-Control
  5. Компоненты Gzip
  6. Расположение таблиц стилей вверху
  7. Расположение сценариев внизу
  8. Избегание выражений CSS
  9. Реализация JavaScript и CSS внешними файлами
  10. Уменьшение количества DNS-запросов
  11. Сокращение JavaScript и CSS
  12. Избегание редиректов
  13. Удаление дубликатов скриптов
  14. Настройка ETag
  15. Настройка кеша для AJAX
  16. Использование GET для запросов AJAX
  17. Уменьшение количества элементов DOM
  18. Количество ответов 404
  19. Уменьшение размеров cookie-файлов
  20. Использование доменов без файлов cookie
  21. Избегание фильтров
  22. Избегание масштабирования изображений в HTML
  23. Оптимизация favicon.ico

По каждому параметру дается оценка от A до F, отображается детальная расшифровка и рекомендации.

 

В заключение

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

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *