15 инструментов тестирования скорости сайта для анализа веб-производительности

Фиксируем результаты

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

Любой успешный интернет-проект постоянно растет и меняется, обновления касаются как общих шаблонов (оформления сайта, его интерфейсов), так и содержания. Вместе с тем меняется и код ресурса (особенности работы сервера и клиента).

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Сервис Loading.express

Мы сами используем наш инструмент для замера скорости загрузки сайтов. Замер происходит из России и мы точно уверены, что настроили всё для тестов из нашей страны. Все остальные сервисы делают замеры из Европы, США или других стран.

Проверьте прямо сейчас ваш сайт, просто напишите URL-адрес сайта в строку ниже и нажмите проверить:

2. Сервис Google PageSpeed Insights

Этот сервис самый популярный. Конечно Гугл знает всё про скорость загрузки сайтов. Как ни странно, измерять скорость по-настоящему Гугл ПейджСпид стал только с ноября 2018 года, когда их команда анонсировала переход на движок Lighthouse.

Проверки этого сервиса идут с серверов Европы, США и Азии.


скриншот сервиса Google PageSpeed Insights от 24 декабря 2019

3. Сервис GTmetrix

Отличный сервис проверки, с мощными серверами и хорошим интерфейсом. Мы пользуемся им, чтобы получить контрольные замеры. Пробуйте. У сервиса хороший waterfall, как упоминалось в подкасте.

Который позволяет смотреть, какой именно скрипт, картинка или стиль отъедает больше всего скорости у загрузки.

Скриншоты из интерфейса сервиса GTmetrix от декабря 2019

4. Сервис WebPageTest

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

Например, в этом, есть видео сравнение скорости загрузки и дополнительные инструменты, которые позволяют делать кастомные замеры, как в упомянутой статье. Вот пример видео:

5. Сервис Pingdom tools

UPD. Сотрудники сервиса подтвердили на в переписке, что их сервис не замеряет скорость.

Используйте этот сервис для замера скорости загрузки сайтов очень осторожно. Он показывает не полную загрузку сайта, а Onload или скорость ответа сервера, или что-то еще

Он может показать красивые цифры. А Гугл и loading будет показывать всё красным. И вы конечно скажете, фу эти гуглы! Но лучше горькая правда, чем сладкая ложь. Будьте внимательны в оценке производительности сайта.

6. Сервис Dotcom-Monitor

25 геолокаций за 1 тест! Делает замер с прокешированной страницей и без кэша. Включает замеры из PageSpeed. Ссылка на сервис.

7. Сервис Sitespeed.me

В этом сервисе есть только проверка скорости ответа сервера, полной загрузки нет. Сервис измеряет из 4 стран. Ссылка на сервис.


Недавно было 7 стран, теперь осталось 4…

Пока читаете, поставьте на замер в сервисе проверки скорости загрузки вашего сайта:

Окно откроется в новой вкладке.

8. Сервис DareBoost

Cервис из Франции. Мониторит много важных для скорости загрузки показателей. Делает видео загрузки. Есть waterfall. 14 стран, из которых можно делать проверку скорости загрузки сайта. После регистрации можно сравнить несколько сайтов между собой по скорости. Ссылка на сервис.


Визуализация сервиса впечатляет

9. Сервис GiftofSpeed

8 стран для проверки скорости, России нет. Ребята сделали дополнительно 16 сервисов для проверки параметров, влияющих на скорость загрузки сайта. Ссылка.

Есть автоматическая перепроверка. Платные, дополнительные функции. Ссылка на сервис здесь.

Можно проверить из 14 стран. Сделано в Швейцарии. России нет. Ссылка на сервис.

12. Сервис Site24×7

Сервис компании ZOHO из Индии. Замерит скорость загрузки первого байта, последнего байта и ответ сервера. Ссылка здесь.


Listen to «12 инструментов для проверки скорости загрузки страниц сайта в 2020 году» on Spreaker.

Сервис замера скорости сайта из России прямо сейчас:

Выводы про сервисы проверки сайтов:

Мы сами используем в работе 4 сервиса. Loading.express, в первую очередь не только потому что он наш, а потому что замеры из России. PageSpeed, который дает много дополнительной информации. GTmetrix, он дает хороший Waterfall. WebPageTest, который дает возможность создать детальные настройки для замера.

Остальные сервисы скорее как игрушки. Потому что есть много вопросов про методы замера на каждом из них.

Примечания

  • Отслеживание скорости загрузки сайта не влияет на показатель отказов.
  • При отслеживании скорости загрузки сайта учитываются данные только по тем браузерам, которые поддерживают интерфейс , реализованный в HTML5, или в которых установлена Панель инструментов Google. Таким образом, данные можно получить для Chrome, Firefox версии 7 или более поздней, Internet Explorer версии 9 или более поздней, браузера Android версии 4.0 или более поздней, а также для предыдущих версий Internet Explorer с Панелью инструментов Google.
  • Методика расчета среднего времени загрузки страницы была изменена в ноябре 2011 г. Этот показатель теперь вычисляется с учетом времени переадресации. В зависимости от количества и значимости переадресаций время загрузки страниц на вашем сайте может увеличиваться. При сравнении данных в разные периоды учитывайте, что до ноября 2011 г. время переадресации не учитывалось.
  • Начиная приблизительно с 16 ноября 2011 г. для многих сайтов отмечается увеличение среднего времени загрузки страницы. Это искажение показателей было вызвано не проблемами на веб-ресурсах, а недоработками реализации интерфейса Navigation Timing в Firefox (в частности, имели место ошибки при определении начала навигации). В результате для сайтов, просмотренных в этом браузере, среднее время переадресации превышало среднее время загрузки страницы. Эта ошибка была исправлена в Firefox 9: указанный браузер была выпущен 10 декабря 2011 г., а предыдущие версии автоматически обновились в течение последующих 3–4 недель. Если время загрузки страниц для вашего сайта за этот период завышено, отсортируйте данные по категории «Браузер», чтобы выяснить, не вызвано ли это ошибками в Firefox.
  • По умолчанию показатели скорости загрузки страниц определяются по фиксированной выборке, составляющей 1 % пользователей. Подробную информацию о настройках частоты дискретизации в отчетах о скорости загрузки сайта по умолчанию можно узнать в .
  • Для предыдущих версий группы отчетов «Скорость загрузки сайта» нужно было изменять код отслеживания и добавлять . Сайты с вызовом устаревшей функции по-прежнему собирают данные о скорости загрузки с частотой выборки 10 %. Однако в будущем этот вызов будет игнорироваться, а указанный показатель будет изменен до установленного по умолчанию значения 1 %. Рекомендуем вам добавить в код отслеживания функцию при следующем обновлении содержания, чтобы повысить частоту выборки.

Как воспользоваться встроенными средствами вашего компьютера?

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

  1. Наведите курсор на значок интернет-соединения и кликните по нему правой клавишей мыши;
  2. В открывшемся окошке перейдите во вкладку «Центр управления сетями и общим доступом» (для Windows 10 и 8) либо «Параметры сети» (для XP, Vista, 7);
  3. В правой стороне интерфейса можно найти название и тип вашего подключения, нажмите по нему;
  4. Появится окно «Состояние», здесь отображается необходимая информация.

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

Скорость ответа сервера

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

Как проверить и исправить

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

В разделе «Инструменты» Вебмастера вверху справа написано «Проверка ответа сервера». Там не нужна ни регистрация, ни добавление сайта, чтобы эту вещь сделать. Можно проверить и конкурента, и сравнить с ним. Вы указываете URL сайта, можно указать отдельных страниц, и смотрите на показатель, который здесь называется «Время ответа сервера».

Здесь — 17 миллисекунд. Это очень быстро. Чем меньше цифра, тем лучше. Средний нормальный показатель — 50-100 миллисекунд. С этим можно ничего не делать. Но если ваш показатель сильно выше (например, 500 миллисекунд или близко к секунде), нужно как минимум написать об этом в хостинг. Необязательно сразу с ним расставаться, можно просто спросить, можно ли что-то улучшить сменой тарифа или переключением вашего сайта на другой сервер и так далее. 

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

Как исправить? Либо менять хостинг, либо подключать CDN.

Как проверить скорость интернета на компьютере Windows

Причем, важно отметить, что несмотря на то, что многие провайдеры пишут достаточно высокие цифры при подключении: 100 Мбит/с, 50 Мбит/с — по факту, реальная скорость будет меньше (почти всегда в договоре указывается предлог До 50Мбит/с, поэтому к ним не подкопаетесь). Вот о том, какими способами можно это проверить, и поговорим далее

Встроенные средства

Сделать это достаточно быстро. Покажу на примере ОС Windows 7 (в ОС Windows 8, 10 делается это аналогичным образом).

  1. На панели задач щелкаете по значку соединения с интернетом (обычно он выглядит так: ) правой кнопкой мыши и выбираете пункт «Центр управления сетями и общим доступом».
  2. Далее щелкаете по соединению с интернетом, среди активных соединений (см. скриншот ниже).
  3. Собственно, перед нами покажется окно свойств, в котором и указана скорость интернета (например, у меня скорость 72,2 Мбит/с, см. скрин ниже).

Онлайн-сервисы

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

Speedtest.net

Один из самых популярных тестов.

Сайт: speedtest.net

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

Далее, примерно через минуту, этот онлайн-сервис предоставит вам данные по проверке. Например, в моем случае значение составило около 40 Мбит/с (неплох, близко к реальным цифрам тарифа). Правда, несколько смущает цифра пинга (2 ms — это очень низкий пинг, практически, как в локальной сети).

Примечание! Пинг — это очень важная характеристика интернет-соединения. Если у вас будет высокий пинг об онлайн-играх можно будет забыть, так как все будет тормозить и вы просто не будете успевать нажимать кнопки. Пинг зависит от множества параметров: удаленности сервера (того ПК, которому отправляет пакеты ваш компьютер), от загруженности вашего интернет-канала и пр. Если вы интересуетесь темой пинга, рекомендую вам ознакомиться с этой статьей: https://pcpro100.info/chto-takoe-ping/

SPEED.IO

Очень интересный сервис для тестирования подключения. Чем он подкупает? Наверное, несколькими вещами: простота проверки (нажать всего одну кнопку), реальными цифрами, процесс идет в режиме реального времени и вы наглядно видите как спидометр показывает скорость скачивания и отдачи файла.

Результаты более скромные, чем в предыдущем сервисе

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

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

Speedmeter.de

Кстати, радует то, что вам не придется видеть ничего лишнего: ни спидометров, ни разукрашенных картинок, ни обилия рекламы и пр. В общем, типичный «немецкий порядок».

Voiptest.org

Сайт: voiptest.org

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

После теста вам предоставляется подробная информация: ваш IP-адрес, провайдер, пинг, скорость скачивания/отдачи, дата теста. Плюс к этому увидите несколько интересных флеш-роликов (забавно…).

Кстати, отличный способ проверить скорость интернета, на мой взгляд, это различные популярные торренты. Берете из топа любого трекера файл (который раздают несколько сотен человек) и скачиваете его. Правда, программа uTorrent (и подобные ей) скорость скачивания показывают в Мбайт/с (вместо Мбит/с, которую указывают все провайдеры при подключении) — но это не страшно. Если не вдаваться в теорию, то достаточно скорость скачивания файла, например 3 Мбайт/с* умножить на ~8. В результате получим примерно ~24 Мбит/с. Это и есть реальное значение.

* — важно дождаться пока программа наберет максимальный показатель. Обычно чрез 1-2 минут при скачивании файла из топа рейтинга популярного трекера

На этом все, всем удачи!

Оптимизация CSS

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

Для оптимизации CSS следует придерживаться нескольких техник:

Загрузка только нужных CSS

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

Для оптимизации этого сайта я воспользовался инструментом unused-css.com. Суть его работы заключается в исследовании сайта и используемых CSS правил. Если инструмент находит правила, которые не используются на страницах, то он их удаляет. В конечном итоге можно получить из огромного файла список только необходимых сайту стилей:

Используемый мной файл стал на 72% процента «легче» после того как инструмент удалил 78% правил CSS.

Малые CSS лучше включить сразу в HTML-код

Лучше отказаться от загрузки небольших CSS файлов. Если отдельный документ CSS содержит 10-20 строк кода, содержимое этого файла рекомендуется встроить сразу в html код с помощью тега

Использование только файлов CSS и тега

Не рекомендуется встраивать стили оформления в теги документа. Следует использовать файлы или теги

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

Минификация файлов CSS

Рекомендуется для всех файлов CSS провести минификацию. Это позволит удалить ненужные символы и пустые строки / пробелы в файлах, что повлечёт за собой сокращение объёма каждого файла. Для CSS Google рекомендует использовать CSSNano или ccso.

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

Оптимальное время загрузки сайта

Поэтому основная проблема многих веб-мастеров заключается в том, что они отчаянно и абсолютно любыми способами хотят улучшить скорость загрузки своего сайта до рекордных результатов. Лично у меня возникает такой вопрос: «А зачем это нужно делать?» Если сайт и так грузится нормально, то зачем еще что-то на нем химичить! Понимаю, если на проекте наблюдаются большие тормоза, от которых порой начинают сдавать нервы. Но если сайт нормально грузится, зачем тогда его трогать?

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

Самый наглядный пример — это конкурс комментаторов. Я до сих пор не понимаю, зачем таким ярым способом заниматься увеличением количества комментариев на своем блоге. Наверное, ради красивой статистики! То же самое и со временем. Если информационный сайт или блог грузится около 3 — 4 секунды, то зачем переживать по поводу загрузки. Если работает нормально, то не лезь! Иначе только хуже сделаешь (об этом я еще ниже расскажу).

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

Даже если вам сервис показал рекордные 0,5 секунды времени, то это еще не значит, что ваш сайт так будет загружаться. Тут нужно понимать, что у людей разная скорость интернета. И сколько бы вы ни старались побить свой рекорд, посетителю от это будет ни холодно, ни жарко. Если у человека плохой интернет, то каким бы легким не был ваш сайт, он все равно быстрее не загрузиться.

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

Веб-сервисы

Проверить скорость Интернета с помощью сервиса 2ip проще простого: нажимаем кнопку «Тестировать» и ждем 1-2 минуты.

Помимо показателей пинга, а также входящей и исходящей скоростей, 2ip позволяет узнать:

  • Средние скоростные показатели Интернета в вашем городе.
  • Средние скоростные показатели среди абонентов вашего провайдера.
  • Лучшие тесты по всем провайдерам за текущие сутки.
  • Общее количество измерений среди всех провайдеров.

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

Кстати, на дату проверки ни один из крупнейших лидеров рынка провайдерских услуг в РФ, Беларуси, Украине и Казахстане — Ростелеком, ByFly, Укртелеком, Казахтелеком, МТС, Билайн, Акадо, Йота, Дом.ру, Ситилинк и ТТК, так и не стал рекордсменом. Первые места заняли небольшие и не слишком известные компании.

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

SpeedTest — еще один простой бесплатный сервис подобного назначения. Чтобы запустить проверку, достаточно кликнуть кнопку «Начать». Результат отобразится на экране через пару минут.

Кстати, если вы зарегистрируетесь на Спидтесте (это тоже бесплатно), то сможете сохранять результаты проверок в своем аккаунте и делиться ссылками на них с другими юзерами.

Помимо веб-сервиса, доступного онлайн через браузер с любого устройства, SpeedTest существует в виде приложения для стационарных (Windows, Mac OS X) и мобильных (iOS, Android, Windows Mobile, Amazon) платформ.

Яндекс.Интернетометр

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

Для запуска проверки нажмите кнопку «Измерить». Результат, как и у конкурентов, появляется на экране через 1-2 минуты.

2ip.ua очень напоминает набором функций одноименный сервис в домене «ru» и отличается от него лишь стилем оформления. Кроме кнопки тестирования скорости интернета, на этом ресурсе содержится рейтинг украинских провайдеров и показатели 20 последних проверок.

Пользователям с российскими IP сайт 2ip.ua открывается на русском языке, жителям Украины — на украинском.

Banki.ru используют 2 теста, предоставленных телекоммуникационной компанией Wellink. Один из них — традиционная проверка времени отклика (пинга), входящей и исходящей скоростей Интернета, второй — проверка качества просмотра видео онлайн. По итогам тестирования сервис отображает краткую характеристику вашего соединения: как быстро откроется новая серия фильма, сколько времени уйдет на скачивание альбома и загрузки фотографии в социальную сеть, какое качество видео оптимально для вашего подключения, будет ли зависать картинка при просмотре видеороликов через браузер.

Использование сервиса на Banki.ru ничем не отличается от остальных.

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

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

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

Метрика.

Скорость загрузки сайта Яндекс

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

Время загрузки страниц

Далее, проверка скорости загрузки сайта в Google.

Узнать данные можно в мощном Google Analytics, в разделе «Поведение» — «Скорость загрузки сайта»:

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

В отличии от Яндекс. Метрика в Google Analytics можно получить предложения по увеличению скорости загрузки сайта если таковы имеются. Нажмите на пункт «Ускорение загрузки» и вы увидите отчёт, приблизительно такой:

Предложения по увеличению скорости загрузки сайта от Page Speed

Как показано на скриншоте, есть предложение PageSpeed.

Скорость загрузки сайта google PageSpeed Insights

Сервис Page Speed Insights измеряет производительность страниц для мобильных устройств и настольных ПК. Page Speed даёт рекомендации по оптимизации для повышения скорости загрузки страницы. PageSpeed Insights, даёт подробную информацию, что нужно сделать для проверяемого сайта:

Сервисе PageSpeed Insights от Google

Вставляете адрес URL вашего веб-ресурса и нажимаете анализировать. Через некоторое время получаете результать.

Значок Название Описание
красный восклицательный знак Исправьте обязательно: это будет иметь ощутимое воздействие на производительность страниц.
желтый восклицательный знак Исправьте по возможности.
зеленая галочка Хорошая работа!

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

Проверяем скорость сайта онлайн

Сервис Pingdom Tools — http://tools.pingdom.com/fpt/ довольно популярен на данный момент. Вводите URL сайта и через несколько секунд вы получите подробный отчет:

Сервис Pingdom Tools

Сервис WebPagetest — http://www.webpagetest.org.

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

Сервис WebPagetest

GTmetrix — http://gtmetrix.com/ Отличный сервис, считаю его лучшим по представлению различных бесплатных услуг для сайтов на движке ВордПресс. Сервис выдает отчёт производительности, плюс рекомендации по оптимизации сайтов или блогов на платформе WordPress. Если зарегистрируйтесь на сайте GTmetrix, вы получите дополнительные возможности. Один недостаток — сайт на английском языке, но как всегда Google переведёт:

Сервис GTmetrix

Представленные выше сервисы по проверке скорости загрузки сайта на английском языке. В русском сегменте я не так давно случайно наткнулся на сервис Site Speed — http://sitespeed.ru/ . Сервис тоже  бесплатный, вводите адрес сайта и через несколько секунд получаете результат. Если укажите свою электронную почту, то вам пришлют подробный, полный отчёт на неё:

Сервис Site Speed — готовый отчёт

Если воспользуетесь по доставке отчета по почте, тогда во вложении вы найдете подробный PDF-отчет о состоянии вашего сайта. Из данного отчета вы узнаете, какова скорость отображения сайта в браузере типового посетителя и из чего она складывается. В отчете дана оценка текущей ситуации в процентах, при этом 100% — это идеальная картина

И плюс к этому информацию о Скорость загрузки сайта — почему это так важно?

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

В заключение

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

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

SEO оптимизация скорости загрузки сайта

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

Улитка, черепаха, «тормоз» … Это невинные слова, которые пользователи могут сказать о медленном сайте — и эти слова никто не хотел бы услышать. Воспитанные пользователи могут ничего не сказать, но все равно пойдут с Вашего сайта к конкурентам.

Неудобный для пользователей, не достоин выдачи выше, чем на сотую странице … Эти сложные эпитеты принадлежат «искусственному интеллекту» — то есть, вот что Google думает о сайте с плохой скоростью.

Не очень приятно представлять, что все это может касаться вашего сайта? Давайте проверим, что показывает ваш «спидометр»: ваш сайт готов к гонкам за успех или только к соревнованиям среди черепах? В любом случае, сохраняйте спокойствие. Все можно исправить! Есть много инструментов для тестирования и оптимизации скорости сайта, которые позволят вам исследовать, определить проблемные места и исправить, чтобы ваш сайт «летал»! Итак, запускаем двигатели!

Встроенные возможности Windows

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

Чтобы узнать максимально достижимую (в теории) скорость Интернета в рамках конкретного типа соединения, откройте папку «Сетевые подключения» и выберите в контекстном меню вашей сети раздел «Состояние».

Нужная информация содержится на вкладке «Общие».

Реальная скорость обычно в 2-3 раза ниже максимальной. Кстати, при передаче данных по Wi-Fi и по кабелю она может отличаться в разы.

Предположим, вы установили, что Интернет на вашем компьютере должен работать быстрее. Следующая задача — выяснить, кто повинен в снижении скорости — ваши устройства или провайдер.

PageSpeed Insights

Данный онлайн-сервис отображает эффективность выполнения запросов для мобильных устройств и обычных ПК. Результаты проверки сайта отображаются в баллах, а не в секундах. Оценка в 85+ баллов, обычно указывает на то, что сайт функционирует отлично и в ускорении не нуждается, а вот более низкие оценки говорят о необходимости оптимизации.

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

PageSpeed Insights отображает следующие результаты:

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

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

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

  • красный – выполнение рекомендаций приведет к изрядному повышению скорости загрузки;
  • желтый – простые исправления улучшат работу ресурса;
  • зелёный – проблем нет или они практически не отражаются на эффективности работы сайта.

Анализ быстродействия сайта посредством PageSpeed Insights

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

Результаты анализа сайта по PageSpeed Insights

Для каждого пункта присутствует подробное руководство по устранению выявленных ошибок с указанием проблемных файлов и элементов ресурса. Необходимо только нажать на соответствующий текст “Как исправить”.

Факторы, влияющие на позиции сайта в Google и Яндексе

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

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

Так, специалисты MOZ пришли к следующим выводам:

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

1.    Существует четкая взаимосвязь между Time To First Byte и позицией сайта: меньшее количество времени получения первого байта лучше сказывается на выдаче.

Время загрузки — что такое?

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

Полное время загрузки страницы — это суммарное время, которое было потрачено на загрузку всех элементов страницы. Это начинается с запроса к серверу: время подключения к DNS, протокол по которому передаются данные в сети, перенаправление, загрузка визуального контента и так далее.

Полное время загрузки сайта делится на несколько компонентов:

  1. Время ответа сервера. Данный элемент показывает насколько быстро сеть и сервер вернули ответ на запрос к сайту. Сюда относятся DNS (система, которая позволяет преобразовывать символьные имена доменов в адреса IP) и TCP (процесс передачи данных интернета). Соответственно: чем больше время, тем медленнее прогружается сайт, а пользователь все это время видит только белый монитор.

  2. Time To First Byte или TTFB. Один из главных показателей. Демонстрирует время, необходимое серверу для того, чтобы обработать запрос и выслать ответный сигнал браузеру. К примеру, запрашивая php-страницу, ответ будет получен только после обработки сигнала специальной программой, которая соединяет запрос с базой данных. На это оказывает существенное влияние настройки сервера, оптимизация кода, а также расстояние пользователя от сервера. Это значит, что чем удаленнее пользователь от сервера — тем дольше ответ будет до него идти. К примеру, месторасположение клиента в Санкт-Петербурге, а сервера с сайтом в Австралии или в Новой Зеландии. Ответ будет идти дольше, чем, если бы сервер располагался в Санкт-Петербурге.

    Отметим, Time To First Byte отвечает также за сортировку страниц в поисковой выдаче, но об этом подробнее будет рассказано далее в статье.

  3. Обработка HTML, загрузка содержания. Это время, которое браузер потратил на обработку HTML, загрузку стилей сайта, изображений и скриптов. В этом показателе все строится на правильно написанном оптимизированном коде, а также на размерах содержания рабочих файлов сайта.

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

Ссылка на основную публикацию