Проверка скорости загрузки сайта: 14 лучших инструментов

Содержание:

Устраните ресурсы, блокирующие отображение
Глубина вопроса
Отчет «Время загрузки страниц»
Использование CDN
Проверка скорости интернета на компьютере через speedtest.net
Проверка скорости интернета на телефоне (смартфоне)
Как проверить скорость загрузки сайта через Google Page Speed
WebPage Analyzer
Как CDN влияет на скорость загрузки
- Как это могло произойти?
  - Результаты по десктопу
  - Результаты по мобильной выдаче
Как увеличить скорость интернета
Проверка скорости загрузки сайта
Как ускорить загрузку сайта?
Бонус: чек-лист, чем заняться дома
- Вам также может быть интересно:
Три секунды на удержание пользователя
В заключение
Выводы и рекомендации
Выводы

Устраните ресурсы, блокирующие отображение

Чем больше на вашем сайте CSS и JS-кода, тем дольше браузер будет его отрисовывать. Поэтому рекомендуется загрузку менее важные скриптов и стилей отложить «в долгий ящик», чтобы они грузились в самую последнюю очередь. Самый лучший вариант — вообще убрать неиспользуемый JS-код или перенести его в футер — чем меньше такого кода будет в <head>, тем выше будет показатель Page Speed. Если вы подключаете Jquery в <head>, то это блокирует отображение страницы, так как браузер ожидает пока загрузится все что находится в <head>

Сильно тормозит загрузку страницы код Jquery, поэтому, если есть возможность, не стоит использовать его на своем сайте. В крайнем случае, как уже писали выше, jquery библиотеки, лучше поместить в футер сайта (это можно сделать с помощью плагина Hummingbird, см. ниже), из-за блокировки отображения. Google советует искать плагины в библиотеке по ключевым словам: defer css javascript. И мы нашли несколько.

Глубина вопроса

Увеличение скорости загрузки torrent-клиента

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

Здравствуйте, дорогие читатели! Недавно меня огорошила вопросом одна клиентка: как оригинально ответить на вопрос что делаешь? Она обычный бухгалтер без увлекательных хобби, после работы дома смотрит любимый сериал и ничем интересным не занимается. Но девушка очень не хочет отвечать про свою скучную работу. Я задумала и пришла к выводу, что существует два варианта, которые могут помочь в этом деле.

Отчет «Время загрузки страниц»

Проверка скорости интернета на смартфоне

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

Статистика: данные о странице в зависимости от различных аспектов.
- Использование сайта: основные показатели взаимодействия (например, просмотры страниц или показатель отказов).
- Технические характеристики: показатели сети и сервера.
- Хронометраж DOM: показатели синтаксического анализа документа.
Распределение: доля различных факторов в общем значении.
Наложение данных на карту: просмотр различных показателей в зависимости от региона.
- Использование сайта: основные показатели взаимодействия (например, просмотры страниц или показатель отказов).
- Технические характеристики: показатели сети и сервера.
- Хронометраж DOM: показатели синтаксического анализа документа.

Использование CDN

Проверка скорости интернета на android

Использование CDN (сеть доставки контента / content delivery network) для ускорения работы веб-сайта – очень разрекламированный способ, который кроме технологической составляющей включает много маркетинговых добавок.

1. Как CDN появился

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

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

В наши дни CDN позиционируются, как инструменты для увеличения скорости сайтов. Считается, что они сокращают расстояние передачи данных между контентом и клиентом (посетителем веб-ресурса).

2. Возможное влияние

Можно ли ускорить веб-ресурс при использовании CDN? На самом деле ответ утвердительный. Соединение пользователя с ближайшим сервером (по времени) устанавливается быстрее и эффективнее подключаются TCP и TLS протоколы. А если контент размещен на сервере CDN, то юзер может быстрее получить нужные данные.

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

3. Недостатки использования CDN

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

Несмотря на факт, что CDN разработан для увеличения скорости доступа к сайту, может случится так, что сетевой маршрут будет более оптимальным без использования CDN.

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

Проверка скорости интернета на компьютере через speedtest.net

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

Она предельно проста и потребует:

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

Отдельного внимания заслуживает подготовка компьютеров и телефонов к тесту.

Чтобы получить максимально точные показатели, требуется:

отключить все активные программы и приложения, работающие в фоновом режиме;
отменить загрузки и обновления;
отключить сторонние устройства и приборы, подключенные к ПК;
по возможности исключить использование роутера, подключив кабель напрямую к компьютеру;
отключить от wi-fi сторонних пользователей, если используется беспроводное соединение.

Соблюдение перечисленных правил повысит точность измерений.

Проверка скорости интернета определяет

После проведения теста скорости интернета speedtest пользователи получают 3 или 4 различных показателя:

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

Какая скорость интернета оптимальная для видео, Skype и игр

Оптимально подходящая скорость зависит от целей абонентов. Так, в зависимости от имеющихся желаний, пользователям стоит учесть, что:

минимальные условия требуются для социальных сетей и аналогичных сайтов (около 3 Мбит/с);
загрузка видео и требует средние показатели в 20 Мбит;
игры нуждаются в хорошем пинге и невысоком джитерре;
использование Skype и трансляции видеозвонков нуждаются в высоком уровне исходящего соединения.

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

Основные причины низкой скорости

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

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

Проверка скорости интернета на телефоне (смартфоне)

Спидтест, по мнению экспертов и пользователей, наиболее стабильное, точное приложение для диагностики соединения, проверки качества мобильного интернета. Сервис доступен для скачивания на Play.Market, а также в разделе «Программы» на сайте разработчика.

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

пинг;
скорость получения данных;
скорость отправки информации.

Кроме этого, пользователь может проверить скорость Wi-Fi соединения гаджета. Сервис русскоязычный, все данные сохраняются.

Как проверить скорость загрузки сайта через Google Page Speed

Официальным инструментом, позволяющим измерить скорость загрузки сайта, стал сервис Page Speed, запущенный компанией Google. Он, разумеется, не единственный в своем роде, однако в интересах веб-разработчика использовать инструментарий именно того поисковика, где планируется запускать и продвигать создаваемые сайты.

Как это работает? Заходите на страницу Page Speed Insights (PSI), видите поле для ввода (оно одно), вносите туда домен, который вас интересует, запускаете процесс и ждете не больше минуты. Результат — обширнейшая сводка и важные рекомендации по оптимизации.

Скорость загрузки мобильной версии сайта будет отличаться от показателей для компьютера. Система учтет все проблемы и задержки в работе и выдаст показатель, максимальное значение которого может равняться 100. Если у вас результат 90, это круто, если 80 — тоже хорошо.

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

В целом суть состоит в том, что PSI высчитывает полностью время, достаточное для начала полноценной работы на странице. Имеется в виду использование любых видимых объектов, просмотр картинок, ввод информации, плавный бесперебойный скроллинг и проч.

Собрав данные о вашем сайте, система тут же проводит сравнительный анализ с уже имеющейся в базе информацией. Если вы превзойдете по показателям 98 % других ресурсов, то ваша характеристика будет равна 100. И достигнет всего лишь 50, если вы переплюнете 75 % соперников. Тут все довольно относительно, зависит от количества быстро работающих веб-площадок в самой системе. Если их много, то ваш сайт необходимо непрерывно оптимизировать, чтобы иметь высокие характеристики.

Смысл в том, что показатели PSI очень важны и должны служить ориентиром. Они отражают параметры, по которым вас воспринимают и поисковик, и пользователь. И не переживайте особо, если получили оценку ниже 100: помните, что она носит сравнительный характер.

Большая ценность в работе сервиса Page Speed — это последующая выдача рекомендаций (их может быть очень много, и понятны они чаще лишь опытному веб-разработчику) для оптимизации скорости загрузки сайта. Вы получаете советы, короткую расшифровку действий и предполагаемую экономию временных затрат (в миллисекундах). Какие-то из советов будут ясны даже новичку, к примеру изменить формат определенных элементов, удалить лишние виджеты или переадресации, сжать изображения (это может быть TinyPNG) и проч.

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

Именно на Google Page Speed так или иначе ориентируется подавляющее большинство веб-специалистов. Ведь это своеобразный эталон для тестирования скорости загрузки сайта, разработанный главным мировым поисковиком.

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

Опенсорсный программный комплекс Lighthouse имитирует загрузку страницы в PSI. Платить за тестирование не нужно.

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

WebPage Analyzer

Интерфейс онлайн-сервиса WebPage Analyzer

После отправки запроса, его подтверждения путем ввода капчи и небольшого ожидания вы получите мини-отчет о скорости ресурса. При этом сервис показывает как скорость загрузки отдельных элементов, так и общее время, которое ушло на загрузку каждого типа данных.

Статистика сайта по WebPage Analyzer

Исходя из этого скрипт предоставляет объекты страницы и их параметры, а также содержит поле комментариев:

Объекты проверяемой страницы – WebPage Analyzer

После данной таблицы находятся подробные характеристики и рекомендации по исправлению ошибок:

Рекомендации по оптимизации файлов страницы WebPage Analyzer

Как CDN влияет на скорость загрузки

Исследователи проанализировали влияние разных характеристик страницы на TTFB (время до первого байта):

Оказалось, что использование CDN может увеличить скорость загрузки TTFB для десктопов и мобильных, причем для десктопов CDN сработали лучше. На страницах в мобильной выдаче наибольшее влияние на TTFB оказало количество запросов HTML.

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

Другим выводом о CDN стало то, что страницы, которые использовали CDN, оказались хуже страниц, которые их не использовали.

В десктопной выдаче:

И в мобильной:

Как это могло произойти?

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

Исследователи проанализировали производительность 18 лучших поставщиков CDN и нашли большую разницу в производительности — лучший из найденных CDN работал в 3,6 раза эффективнее, чем худший вариант.

Сводка производительности для каждого провайдера:

Результаты по десктопу

Хорошо: Airee, Amazon Cloudfront, Azure CDN, CacheFly, EdgeCast, Fastly, GitHub Pages, Google Cloud, KeyCDN, MaxCDN, Netlify.

Средне: CDN77.

Плохо: Akamai, ArvanCloud, Cloudflare, Fireblade, Incapsula, Sucuri.

Результаты по мобильной выдаче

Хорошо: Airee, Amazon Cloudfront, Azure CDN, CDN77, EdgeCast, Fastly, GitHub Pages, Google Cloud, KeyCDN, MaxCDN, Netlify.

Средне: Fireblade, Incapsula, Sucuri.

Плохо: Akamai, ArvanCloud, Cloudflare.

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

Использование CDN и минимизация запросов HTML могут ускорить TTFB для десктопа и мобильных устройств. С другой стороны, во многих случаях использование неудачной CDN может замедлить работу.

Как увеличить скорость интернета

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

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

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

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

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

Сервисы, с помощью которых можно протестировать скорость загрузки сайта:

Pingdom
Google PageSpeed Insights
WebPageTest

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

Все дальнейшие действия должны исходить именно от вас.

Однако, сервис проверки скорости сайта у Google скачивает не оптимизированные данные с вашего сайта, оптимизирует и предлагает заменить.

После проверки скорости сайта пролистайте ниже и вы увидите ссылку на файлы:

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

Как ускорить загрузку сайта?

Выполнить рекомендации сервисов

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

Использовать кэш браузера

Разрешив браузерам проводить кэширование информации, вы избавите пользователей от необходимости скачивать все содержимое ресурса при каждом посещении. Статические страницы достаточно будет полностью загрузить один раз — при первом визите. При повторных посещениях открытие сайта будет быстрее. Кэширование можно использовать для изображений, элементов JavaScript, CSS и т. д.

Включить сжатие

Снижение веса загружаемых страниц ускоряет их отображение для конечного пользователя. Можно значительно снизить объем данных за счет GZIP-сжатия, идущего на сервере. Формат*.gz поддерживается всеми современными браузерами: получив такой архив, они самостоятельно распаковывают и отображают его содержимое.

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

Сократить время ответа сервера

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

Настройка кэширования для исполняемого кода на практике сводится к использованию менеджера кэша (Zend Guard, xCache, APC).

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

Бонус: чек-лист, чем заняться дома

Сделать необычную маску для волос;
Научиться рисовать акварелью;
Подстричь всех обросших мужчин в семье;
Укрепить мышцы тазового дна;
Сделать шугаринг в домашних условиях;
Снять гель-лак самостоятельно;
Подобрать себе новую причёску;
Научиться делать массаж;
Наконец-то нарисовать идеальные стрелки;
Сшить нижнее бельё по вашим индивидуальным меркам;
Отрастить длинные густые ресницы;
Заняться йогой, даже если вы пока совсем мало в этом понимаете;
Научиться играть на гитаре;
Пересмотреть свой гардероб и найти в нём новые сочетания;
Научиться петь не хуже Билли Айлиш;
Разобраться, как именно вы получаете оргазм и от чего испытываете удовольствие в сексе;
Сделать массаж лица и заняться фейсбилдингом;
Покрасить волосы в цвет мечты в домашних условиях;
Сделать для кого-то подарок своими руками;
Освоить профессию, которая вам давно интересна;
Сделать красивый маникюр самой себе;
Завести домашнее растение и научиться за ним ухаживать;
Сшить идеальное платье своими руками;
Отрастить густые красивые брови;
Укрепить ногти за неделю;
Прочитать лучшие книги о том, как находить общий язык с кем угодно;
Разместить на продажу вещи, которые вам давно не нужны;
Раскачать свой инстаграм и сделать из него lifestyle-блог;
Смонтировать видео на смартфоне или компьютере;
Научиться шить и кроить с нуля.

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

Три секунды на удержание пользователя

Согласно исследованию Amazon, главного конкурента Walmart, замедление загрузки страниц сайта на одну секунду приводит к потере конверсии на 1%, что эквивалентно потере $1,6 млрд в рамках годовой выручки компании.

В июле 2018 года в поиске Google заработал Speed Update. Это означает, что поисковый алгоритм начал разделять мобильный и десктопный трафик, и при учете мест в выдаче будет учитываться фактор скорости загрузки сайта. Содержание сайта и релевантность поисковому запросу все равно остается важнейшим критерием ранжирования, однако вес скорости загрузки увеличивается

Поэтому теперь будет особенно важно проводить тестирование загрузки и отображения всех разделов и графических элементов

В заключение

Выводы и рекомендации

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

Имитация загрузки страниц в PSI происходит с помощью Lighthouse – опенсорсного программного комплекса для оценки качества сайтов. Всё вышеописанное бесплатно.

Узнав оценку своего сайта, не спешите расстраиваться, если она окажется недостаточно высокой. При выдаче попугаев сервис учитывает результаты сотен тысяч других сайтов, их сравнительная средняя производительность влияет на балл вашего. Расслабьтесь, выдохните и выполните неспеша, качественно наиболее очевидные, важные рекомендации PSI. Этого окажется достаточно в большинстве случаев для поднятия скорости до комфортного уровня. Для всех — и людей, и поисковых систем.

Выводы

В данной статье были рассмотрены различные методы определения скорости загрузки сайта среди которых: онлайн инструменты и сервисы, система Google Analytics, а также консоль разработчика Chrome.

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

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

Автор статьи:

Олег Скрып
Руководитель компании ApollonGuru, ментор SEO-материалов vc.ru. В интернет-маркетинге с 2012 года. Люблю чтобы все было четко.
Канал Telegram Другие статьи автора

Будем признательны за каждый лайк: