Измерить скорость загрузки сайта


Все способы, как проверить скорость загрузки сайта

Привет дорогие читатели блога seoslim.ru! Решил в этой статье еще раз вернуться к вашим сайтам и поговорить о том, как вы следите за скоростью их загрузки.

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

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

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


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

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

Если все собрать воедино, то низкая скорость сайта повлечет за собой:

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

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

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

Плагин WP Super Cache

Плагин Hyper Cache

Оптимизация базы данных

Скажу сразу, что мой блог seoslim.ru далеко от идеального и не претендует на звание «Мега быстрая загрузка», но до смены дизайна на новый было намного хуже, так как верстальщик постарался на славу и убрал много не нужных плагинов, а также по шаманил с исходным кодом страниц.


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

Посмотреть как изменилась скорость блога после того, как я перешел со старого хостинга на новый «Макхост» вы сможете из статьи «Почему я выбрал хостинг McHost».

А ближайшее будущее я планирую перейти с виртуального хостинга (когда много сайтов расположены на одном и том же сервере) на VPS виртуальный выделенный сервер, вот тогда мой блог точно будет летать. Главное не пропустите это событие! :)

Онлайн сервисы для проверки загрузки страниц

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

PageSpeed Insights. С помощь этого продукта от поисковой системы Google вы сможете не только определить с какой скоростью загружаются страницы (шкала от 0 до 100), но и понять, удобен ли ваш сайт для пользователей смартфонов.


Сервис PageSpeed Insights

Все что нужно это пройти специальный тест и посмотреть перечень тех ошибок и рекомендаций по их устранению.

PR-CY. Популярный сервис в Рунете, который имеет в своем арсенале много инструментов для вебмастера. С помощью массовой проверки скорости сайта вы получите возможность не только узнать, время загрузки проекта, его среднюю скорость, но и сравнить одновременно до 10 URL адресов.

Проверка сайтов в PR-CY

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

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

WebWait

Раньше я отдавал предпочтение этому сервису, так как считал его данные самыми достоверными.

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

Анализ PingDom Tools


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

Load Impact. Современный сервис, который протестирует вас сайт на стойкость к тысячным посещениям пользователей.

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

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

Load Impact

Рекомендую проверить сайт таким способов, кто знает вдруг вы завтра глюкнет Яндекс и к вам на проект хлынет 10000 армия пользователей. :)

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

Мониторинг в SiteSpeed

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

Web Page Test. Этот сервис подойдет опытным вебмастерам. Имеет расширенный ассортимент сканируемых параметров: статистика по каждому элементу страницы, как отвечает сервер на каждый из полученных запросов, количество потоков по всем загрузкам, определение места откуда поступил запрос и другие.


Web Page Test

Не думаю что такая детальная статистика будет полезна большей части блоггеров и сайтостроителей. Мы же не собираемся каждый байт подсчитывать? :)

Web Tool Hub. Еще один сервис для измерения скорости работоспособности сайтов. Если поставить галочку «Show advanced information», то будут показаны дополнительные сведения по сайту: размер изображения, CSS и JavaScript файлов.

Web Tool Hub

Меня смутило здесь обилие рекламы и английский язык, хотя данные собираются быстро.

Gomez Networks. Этот сервис предоставляет внушительных размеров отчеты по тестируемым сайтам. Время загрузки страниц, DNS, IP-адрес, время соединения, Secure Sockets Layer, размер содержимого всех элементов.

Gomez Networks

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

PageScoring. Усовершенствованный сервис тестирования скорости веб-ресурсов. Разработчики убрали все лишнее, оставив только одну строку для ввода адреса домена.


PageScoring

В отчете кроме общего времени загрузки страниц будет подробно расписано, почему получилась такая цифра, сколько времени ушло на поиск домена, соединение с сервером и загрузку.

Monitis Tools. Мощный сервис, одним из инструментов которого является проверка работоспособности сайта. Благодаря таблице вы сможете понять, какие из элементов площадки загружаются дольше всего.

Monitis Tools

Главной фишкой monitis.com является то, что данные по скорости одновременно собираются из разных уголков планеты: США, Европы и Азии.

Gt Metrix. Если вы хотите точно узнать истинную причину слабой производительности сайта, то этот сервис решит такую проблему.

Metrix берет данные исходя из Google Page Speed и Yahoo, а на выходе предоставляет информацию по решению найденных недочетов.

Gt Metrix

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

WhichLoadFaster. Самый простой сервис для сравнения и проверки загрузки страниц сайта. Имеет два активных окна, в которые надо ввести доменные имена площадок для сравнительного анализа.


WhichLoadFaster

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

CloudMonitor. Еще один сервис для анализа сайтов, которой имеет в наличии инструмент для определения скорости загрузки страниц из разных стран: Италии, Германии, Швеции и других.

CloudMonitor

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

Web Page Analyzer. Один из инструментов огромного сервиса по оптимизации веб-сайтов. Все что нужно это ввести URL адрес сайта в специальную строку и получаете подробный отчет по содержимому проверяемой страницы и времени загрузки ее элементов.

Проверка скорости сайта в Web Page Analyzer

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


:)

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

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

seoslim.ru

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

 Здравствуйте уважаемые друзья!
В начале ведения блога я писал о том, как ускорить wordpress и как узнать какой плагин грузит блог. Сегодня же напишу, как проверить скорость загрузки сайта. Вы узнаете несколько интересных сервисов в интернете с помощью которых можно легко узнать, насколько быстро загружается ваш ресурс. Итак, давайте сразу к делу.

1. Инструменты Гугла.
Для Google очень важна скорость загрузки сайта, поэтому они сделали специальный инструмент, где можно это протестировать. Перейдите вот сюда, введите адрес своего сайта и нажмите на кнопку «Анализировать».

Гугл оценивает скорость ресурса от о до 100 как для компьютеров, так и для мобильных телефонов. Чем большая здесь цифра, тем соответственно лучше. У моего блога vachevskiy.ru скорость для компьютеров 78, а для мобильных 65:


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

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

2. Сервис LoadImpact.
Для того чтобы проверить здесь скорость загрузки сайта нужно немного подождать. Сервис создает так называемую ddos-атаку на ресурс, и таким чином определяет, сколько людей он способен выдержать.

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

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


В данном случае зеленая линия отвечает как раз таки за количество посетителей, она будет у всех одинакова. А вот синяя линия отвечает за скорость загрузки сайта. Здесь очень важно чтобы эта линия имела как можно меньше изгибов. Если вы видите большие перепады скорости, то, скорее всего, ваш хостинг не способен выдерживать большую нагрузку. У меня Макхост, поэтому проблем никаких нет :smile:.

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

Здесь стоит обратить внимание в первую очередь на саму скорость загрузки, в моем случае это 1, 71 секунд.

загрузка сайта

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

Вы можете легко посмотреть, какие элементы сайта долго загружаются и оптимизировать их. Файл стилей можно сжать, картинки уменьшить, ненужные скрипты удалить, а нужные переместить в низ сайта (для wordpress это footer.php).

4. Webo.in.
Для анализа скорости загрузки страницы перейдите сюда введите свой домен и нажмите на кнопку «проверить». Потом вас автоматически перекинет на другой адрес, где вы сможете бесплатно заказать проверку своего ресурса. Для этого введите свое имя, e-mail, телефон и нажмите на кнопку «отправить запрос»:

как проверить скорость загрузки страницы сайта

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

как проверить скорость загрузки страницы сайта

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

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

как проверить скорость загрузки страницы

Здесь нужно обратить внимание на последний столбец «скорость», которая измеряется в секундах.

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

vachevskiy.ru

Посоветуйте какой-нибудь инструмент, которым можно было измерять скорость загрузки страницы (желательно при этом, чтобы время отдельно показывалось для каждого запрошенного «ресурса» страницы, будто картинка, javascript или css
). В идеале чтобы ещё программа показывала скорость исполнения загруженного javascript, т.е. показывала когда страница полностью «готова».

UPD: тут дали мне целый список полезных инструментов, привожу его и вам, может кому тоже пригодится.

Page Speed — Open source Firefox/Firebug Add-on that evaluates the performance of web pages and gives suggestions for improvement.

Chrome Developer Tools — Tools included in Google Chrome that let you edit, debug, and monitor CSS, HTML, and JavaScript live in any web page. You can also use them to optimize web page performance by profiling CPU and memory usage.

Speed Tracer — Google Chrome extension that helps you debug performance problems with AJAX applications.

Firebug — Firefox Add-on that lets you edit, debug, and monitor CSS, HTML, and JavaScript live in any web page.

Fiddler 2 — Web debugging proxy which logs all HTTP/S traffic between your computer and the Internet. Inspect HTTP/S traffic, set breakpoints, and «fiddle» with incoming or outgoing data. (Можно тестить любой браузер — работает как прокси)

Yahoo! YSlow — Firefox/Firebug Add-on that analyzes web pages and suggests ways to improve their performance, based on a set of rules for high performance web pages.

Cuzillion — Tool for quickly constructing web pages to see how components interact and how behavior differs across browsers, sometimes in unexpected ways. Also lets you share sample pages with others. (Проверить как лучше упорядочить подключение стилей, яваскриптов итп)

Полный список Let’s make the web faster > Tools.

Google Chrome Developer Tools: 12 Tricks to Develop Quicker — там показана работа с некоторыми фишками хрома.

toster.ru

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

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

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

  1. Выдача на мобильных устройствах формируется с учетом скорости загрузки;
  2. Поведенческие факторы зависят от скорости загрузки сайта;
  3. Краулинговый бюджет зависит от пропускной возможности сервера, рассчитывается на основе данных о падении скорости;
  4. Конверсия сайта падает при низкой скорости загрузки сайта;
  5. Экономия батареи мобильного устройства;
  6. Экономия денег на расход трафика.

Польза от оптимизации скорости загрузки документов сайта очевидна. Согласно данным Amazon, задержка загрузки на 100ms снижает конверсию на 1%.

Есть способы увеличить скорость загрузки сайта без дополнительных финансовых вложений в дистрибутивные сети доставки контента.

Приоретизация загрузки документов

Приоритезация загрузки документов через браузера Chrome, Safari имеет определенную последовательность.

Этапы загрузки:

  1. Документ, CSS, шрифты;
  2. JS, XHR (ajax запрос);
  3. JS вне тега head, изображения;
  4. JS async, JS defer, JS модули, изображения;
  5. navigator.sendbeacon, prefetch, изображения.

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

Способы ускорить загрузку сайта:

  • Critical CSS;
  • Сжатые форматы типа WebP;
  • Предзагрузка
  • Постзагрузка/Lazy loading;
  • HTTP/2.

Critical CSS

Critical CSS означает подключение в head стилей для первых двух экранов, остальные загружаются по требованию.

Сжатые форматы

Для изображений в документе сайта рекомендуется использовать автоматический конвертер в формат Google WebP.

Предзагрукза

Предзагрузка элементов бывает разной по приоритету. Наивысший приоритет у preload. Пример:

<link rel="preload" href="some.js" as="script">  <link rel="preload" href="some.css" as="style">  <link rel="preload" href="picture.jpg" as="image">  <link rel="preload" href="picture.woff" as="font">

Способ preload позволяет полностью предзагрузить все страницы в невидимой вкладке. Проверить вкладки можно по ссылке — chrome://net-internals/#prerender.

Низкий приоритет у следующих способов:

  • dns-prefetch
  • prefetch
  • prerender
  • preconnect

Примеры:

<link rel="prefetch" href="/source/">  <link rel="dns-prefetch" href="https://youdomain.com">  <link rel="prerender" href="next-page">

Постзагрузка

Ленивая загрузка применяется к изображениям видео. Пример:

<img src="blank.svg" data-src="cool.jpg">

Постзагрузка может быть применена к скриптам. Скрипты будут загружены в фоне сразу после загрузки страницы если использовать директиву defer.
Скрипты будут загружены без блокировки страницы если использовать директиву async.

HTTP/2

HTTP/2 позволяет загружать множество элементов параллельно.

Преимущества:

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

Кэширование

Кэширование правильно делать на разных уровнях. Например:

  • Кэширование запросов к базе данных;
  • Кэширование запросов к файлам;
  • Кэширование медиа файлов;
  • Кэширование SSL переговоров.

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

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

Использование SSD-диска на сервере

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

Сравнение скорости считывания на дисках и в оперативной памяти (IOPS — операций ввода-вывода в секунду):

  • HHD — 100;
  • SSD — 300 000;
  • RAM — 4 000 000.

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

Инструменты для оценки скорости сайта:

  • Pingdom;
  • Axe;
  • Приложение для Chrome — Axе;
  • Приложение для Chrome — Axe Coconut.

Ускорить сайт можно используя продвигаемую Google технологию Accelerated Mobile Pages.

AMP

Внедрение технологии осуществляется посредством использования специальной разметки и скриптов.

  • Подключение Accelerated Mobile Pages простое:
  • В начале документа обозначается поддержка amp; Далее требуется указать коническую версию документа;
  • Подключить скрипт обработчик Accelerated Mobile Pages;
  • В коде документа требуется использовать Accelerated Mobile Pages.

<html amp>  <link rel="canonical">  <script amp></script>  <amp-img layout="responsive">

Google AMP Validator

Технология ограничивает скрипты и создана для документов состоящих из простых элементов: текстов и изображений. Использование скриптов javascript запрещено. Использование CSS скриптов ограничено:

  • Запрещено использование important;
  • Запрещено использование анимации.

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

Валидация кода можно быть проведена через Google Validator.

Для расширения возможностей Accelerated Mobile Pages можно подключить дополнительные компоненты из библиотеки. Компоненты нельзя переопределить то есть изменить дизайн.

Примеры

Сайты использующие технологию от Google:

  • wired.com;
  • theguardian.com;
  • washingtonpost.com;
  • meduza.io

Найти примеры коммерческих документов можно по поисковому запросу:

macbook ebay

Есть и преимущества от использования AMP. Преимущества:

  • Бесплатное внедрение
  • Inline CSS, все стили инлайном подключены в head;
  • Lazyload загрузка контент попадающего в viewport, остальное загружается при необходимости; component не будет инициализироваться, картинка не будет загружаться;
  • Загрузка и prerendering первого экрана документа на в поисковой выдаче Google.

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

Проверить скорость загрузки страниц сайта можно используя решения разного уровня. Список сервисов:

  • Pingdom;
  • Axe;
  • Axe приложение для Chrome — Axe. Приложение для Chrome — Axe Coconut.

Сервис Pingdom позволяет провести проверку скорости загрузки документов на уровне отклика сервера доменных имен.

ru.megaindex.com

Зачем нужна проверка скорости сайта

Прыть интернет-площадки зависит от множества факторов из серверной и клиентской части. Серверная часть подразумевает особенности хостинга (серверы Nginx и Apache, сжатие, кэширование на стороне сервера) и базы данных – это редиректы, количество HTTP-запросов, сетевые настройки.

Клиентская часть зависит от:

  • размера страницы;
  • асинхронной нагрузки;
  • сжатия графики и расширения файлов;
  • скриптов и плагинов;
  • масштабирования изображений;
  • кэширования на стороне браузера;
  • CSS и JavaScript;
  • веб-шрифтов.

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

Важно! Поисковикам важны показатели ресурса в комплексе – низкая скорость загрузки сайта может снизить ваши позиции, однако высокая производительность не гарантирует попадание в ТОП. В таком случае вы получите преимущество лишь по сравнению с «тормозящими» аналогами.

Что касается конверсии, здесь всё очевидно: посетители не готовы долго ждать отрисовки страницы. Особенно это касается мобильных пользователей (на них приходится более 50% в Google). Учтите, что скорость 2G/3G/4G ниже показателя оптоволоконной или широкополосной сети. Если сайт грузится дольше 3 секунд, половина аудитории просто закроет вкладку. При этом 88% пользователей не возвратятся на сайт после неудачной попытки.

Читайте также: ТОП-10 хостингов

10 лучших сервисов проверки скорости загрузки сайта

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

Google PageSpeed Insights

Благодаря этому популярному сервису вы за считаные секунды узнаете уровень быстродействия своего сайта для компьютеров и мобильных устройств. Анализатор в реальном времени оценивает параметры FCP (первую отрисовку содержимого страницы) и DC – полную загрузку HTML с построением DOM-дерева. Он вычисляет процент оптимизации и даёт рекомендации по улучшению. Таким образом можно ускорить блог в 2-3 раза.

Для мониторинга необходимо лишь ввести в поле адрес страницы и нажать кнопку «Анализировать».

google page speed test

Pingdom Tools

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

Чтобы проверить скорость загрузки:

  1. Перейдите в сервис: tools.pingdom.com.
  2. Укажите в поле URL интересующий вас адрес.
  3. Выберите «Стокгольм, Швецию» в графе Test from (это максимально близко к нам из предложенных вариантов).
  4. Нажмите Start Test.

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

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

Измерить скорость загрузки сайта

Это интересно: Как проверить историю домена

PR-CY

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

Для работы с инструментом перейдите на его главную страницу и введите url. Затем определитесь с уровнем проверки (для компьютера или телефона), нажмите «Анализировать».

PR-CY

Site Speed

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

Чтобы промониторить сайт, перейдите на sitespeed.me, укажите адрес сайта и нажмите «Отправить».

Site Speed

Web Page Test

Это многофункциональный анализатор, который загружает страницу несколько раз, сравнивая количество обращений. Он определяет скорость загрузки для каждой категории элементов сайта и самую медленную группу запросов – пользователю предоставляется полная статистика обоих тестов. Особенностью Web Page Performance Test является выбор аудита отдельно для компьютера, Android и Apple.

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

Web Page Test

Актуально: Mobile First Index — что это и как работает

GTmetrix

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

Чтобы протестировать ресурс, перейдите на gtmetrix.com, укажите адрес и нажмите Analyze.

gtmetrix.com

SeoLik

Принцип работы тот же: зайдите в сервис, укажите url, введите капчу и нажмите на кнопку «Анализировать» (для начала работы придётся пройти авторизацию).

Расширенный анализ доступен раз в сутки. Здесь выставляется общая оценка производительности, а также скорость сайта для ПК и мобильных устройств по отдельности. С детальной информацией по каждому пункту можно ознакомиться в разделе «Юзабилити» и «Мобильность» внизу отчёта.

SeoLik

Web Page Analyzer

Этот простой в использовании инструмент вычисляет скорость иллюстраций, кода, CSS и скриптов.

Для тестирования откройте Web Page Analyzer, введите адрес страницы и нажмите на кнопку «Отправить».

Web Page Analyzer

Which Load Faster

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

Читайте также: Сервисы проверки позиций сайта в поиске

internet-marketings.ru

Как тестирование скорости сайта может помочь в анализе?

Вот лишь несколько способов тестирования скорости сайта с помощью различных инструментов:

  • Определение скриптов, шрифтов и плагинов, вызывающих увеличение времени загрузки (HTML, JavaScript, CSS);
  • Проверка минимизации скриптов;
  • Обнаружение больших изображений;
  • Тестирование времени до получения первого байта (TTFB);
  • Анализ общего времени загрузки, размера страниц и запросов;
  • Проверка производительности для различных географических точек;
  • Проверка скорости вывода в различных браузерах;
  • Анализ HTTP-заголовков;
  • Измерение производительности сети («доставка» контента);
  • Проверка, какие элементы корректно загружаются из CDN.

Концепции скорости сайта

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

Время до получения первого байта (TTFB)

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

Блокирующий код Javascript и CSS

К блокирующим вывод относятся скрипты Javascript и стили CSS, которые не дают страницам загружаться так быстро, как они могли бы.

Javascript

Google рекомендует удалять или откладывать загрузку скриптов JavaScript, которые замедляют загрузку. Пример откладывания загрузки скрипта JavaScript путем его размещения непосредственно перед тегом </body>:

CSS

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

  • Надлежащие имена файлов CSS;
  • Уменьшение количества файлов CSS;
  • Использование меньшего объема кода CSS в целом.

CSS — это блокирующий вывод ресурс, для оптимизации времени отображения он должен загружаться клиентом так быстро, как это только возможно!

Минимизация ресурсов

Минимизация ресурсов означает удаление из HTML, JavaScript и CSS кода символов, которые не требуются для загрузки. Таких как:

  • Пробелы;
  • Символы новой строки;
  • Комментарии;
  • Разделители блоков.

Это увеличивает скорость сайта, поскольку уменьшает объем кода, который должен быть запрошен с сервера. Чтобы удалить все ненужные символы, можно использовать такие инструменты, как Dan’s CSS и Javascript Minify. Если вы работаете с WordPress, можно использовать плагин Autoptimize, который минимизирует HTML, JavaScript и CSS.

HTTP-запросы

Когда браузер извлекает данные с сервера, он делает это, используя протокол HTTP (Hypertext Transfer Protocol). Это процесс обмена «запрос / ответ» между клиентом и хостингом. Чем больше HTTP-запросов выполняет веб-страница, тем медленнее она будет загружаться.

Существует много способов, с помощью которых можно уменьшить количество запросов. Например:

  • Объединение файлов CSS и Javascript;
  • Встроенные скрипты Javascript (только если они небольшие);
  • Использование CSS-спрайтов;
  • Уменьшение количества используемых ресурсов, таких как сторонние плагины, которые выполняют большое количество внешних запросов.

Список инструментов для тестирования скорости сайта

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

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

Список инструментов

1. KeyCDN Speed Test

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

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

2. Google PageSpeed Insights

Сервис позволяет проверить скорость сайта и выставляет ему по шкале от 1 до 100. Чем больше число, тем лучше оптимизирован ваш сайт. Все, что выше 85, указывает на то, что ресурс работает хорошо.

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

PageSpeed Insights определяет, насколько страница может быть оптимизирована по таким показателям:

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

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

3. Pingdom

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

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

4. GTmetrix

Он проверяет как показатели PageSpeed, так и YSlow, присваивая сайту категорию от F до A. Сводный отчет разбит на пять разделов, включающих PageSpeed, YSlow, разбивку процесса загрузки, видео и историю.

При бесплатной регистрации можно проверить скорость загрузки сайта с семи различных локаций. GTmetrix также позволяет выбрать браузер, Chrome или Firefox.

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

5. WebPagetest

Предлагает на выбор для тестирования более 40 локаций и 25 браузеров (включая мобильные). Инструмент присваивает сайту категорию от F до А на основе различных тестов производительности, таких как FTTB, сжатие, кэширование, эффективное использование CDN и т.д. Финальный отчет разбит на шесть разделов, включающих в себя общую оценку, детализацию, обзор производительности, проблемы при загрузке контента и скриншоты.

Сервис помогает диагностировать, какие задержки возникают во время первого поиска DNS (о чем упоминалось ранее). WebPagetest содержит также более продвинутые функции, такие как захват видео, отключение Javascript, игнорирование сертификатов:

6. DareBoost

При анализе скорости сайта он учитывает более 100 контрольных параметров. Из них складывается общая оценка от 1 до 100 баллов. Можно сравнить показатели загрузки сайта на стационарных и мобильных устройствах, в Firefox и Chrome, а также для пяти различных географических точек.

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

7. Varvy Pagespeed Optimization

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

Сервис предоставляет документацию и рекомендации о том, как улучшить сайт с помощью оптимизации процесса визуализации, использования кэширования в браузере, отложенной загрузки JavaScript и многого другого:

8. Uptrends

Предлагает более 35 географических точек для тестирования скорости сайта. Предоставляемый отчет состоит из двух разделов: разбивка процесса загрузки и группы доменов. Раздел «Группы доменов» содержит уникальную информацию, так как в нем ресурсы классифицируются по различным источникам: собственные, статистика, CDN, социальные, реклама:

9. dotcom-monitor

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

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

10. PageScoring

Предлагает простой и понятный отчет о производительности. В нем отображается:

  • Поиск домена;
  • Время соединения;
  • Время перенаправления;
  • Размер страницы;
  • Время загрузки.

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

11. Yellow Lab Tools

Это новый инструмент для тестирования скорости загрузки и качества front-end. Yellow Lab Tools предоставляет много полезной информации и содержит уникальные функции, которых нет в других инструментах. Например, отслеживание того, как взаимодействует JavaScript с DOM во время загрузки страницы.

Сайт получает суммарную оценку на основе следующих критериев:

  • Вес страницы;
  • Запросы;
  • DOM;
  • Некачественные скрипты Javascript;
  • Некачественные стили CSS;
  • Конфигурация сервера.

График JavaScript показывает фактические взаимодействия DOM во время загрузки страницы:

12. DevTools Google Chrome

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

  • Windows: F12 или Ctrl + Shift + I;
  • Mac: Cmd + Opt + I.

В последнем обновлении инструментов для разработчиков в графики процесса загрузки были добавлены панели сводных данных. Это позволяет увидеть, на загрузку какого элемента требуется большего времени. Чтобы увидеть эту информацию, кликните по панели шкалы времени и нажмите Ctrl + R (Cmd + R), чтобы обновить страницу. Затем можно кликнуть по панели «Сводка» и «Сводные данные«:

В инструментах для разработчиков можно увидеть точное время загрузки контента DOM и общее время загрузки. Для просмотра этой информации кликните по панели «Сеть«, нажмите на кнопку «Показать обзор» и Ctrl + R (Ctrl + R), чтобы обновить страницу. Синяя линия будет показывать время загрузки контента DOM, а красная — общее времени загрузки. Обычно все, что находится слева или соприкасается с синей линией — это элементы, которые блокируют DOM (ресурсы блокирующие вывод):

13. Sucuri Load Time Tester

Инструмент предоставит полную оценку производительности по шкале от A до F. Тест измеряет, сколько времени проходит от подключения к сайту или одной странице до полной загрузки. Параметр «время до получения первого байта«, показывает, сколько времени потребовалось для начала обработки страницы:

14. Pagelocity

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

Инструмент показывает, работает ли сайт через HTTPS, каково значение TTFB, и через диаграмму в графической форме отображает время загрузки элементов DOM:

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

15. YSlow

YSlow выполняет тестирование скорости сайта в три этапа:

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

YSlow оперирует 23 различными правилами, как показано ниже на примере теста. Можно использовать бесплатное расширение для Chrome или получить результаты YSlow от GTMetrix.

Тестирование скорости сайта с помощью расширений для браузера Google Chrome

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

Вот некоторые из них:

  • Page Load Time;
  • app.telemetry Page Speed Monitor;
  • Performance-Analyser;
  • LoadFocus Load Testing.

Тестирование скорости мобильных версий сайтов

Это позволяют сделать следующие инструменты:

  • WebPageTest;
  • GTMetrix;
  • DareBoost;
  • dotcom-monitor.

Другой способ проверить скорость сайта — использовать инструменты для разработчиков Chrome в режиме устройства. Чтобы войти в режим устройства, кликните по иконке телефона в Chrome DevTools или нажмите Ctrl + Shift + M (Cmd + Shift + M). После этого можно выбрать устройство, которое нужно имитировать. Также можно изменить настройки сети, чтобы увидеть, как сайт будет отображаться при 2G или 4G соединении.

Затем на вкладке «Сеть» можно запустить тест скорости:

Заключение

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

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

Перевод статьи «15 Website Speed Test Tools for Analyzing Web Performance» был подготовлен дружной командой проекта Сайтостроение от А до Я.

www.internet-technologies.ru

Технические этапы загрузки страницы

  • DNS (обработка запросов к DNS) — время, потраченное на отработку запросов к DNS-серверу при загрузке страницы. Учитываются только значения с ненулевым временем.

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

  • Редиректы (обработка редиректов) — время, потраченное на отработку HTTP-переадресации при загрузке страницы. Учитываются только значения с ненулевым временем.
  • Продолжительность установки соединения — время, в течение которого браузер ожидал подключения к HTTP-серверу при получении содержимого страницы. Учитываются только значения с ненулевым временем.

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

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

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

  • Время загрузки и парсинга HTML — время, в течение которого браузер обрабатывает содержимое страницы после ее загрузки с сервера и до начала отрисовки.

    На этот параметр влияет размер и сложность (количество и вложенность тегов) HTML-страницы.

Измерить скорость загрузки сайта

Время до отрисовки и до полной загрузки страницы

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

Время до загрузки DOM — это время от начала перехода на страницу до полной загрузки страницы со всеми ее компонентами (изображения, CSS, скрипты и т. п.). Это значение субъективно воспринимается посетителем как «качество» страницы.

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

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

Вероятностная оценка данных

В отчете данные оцениваются с помощью квантиля. По умолчанию выбран квантиль 50%. Это означает, что в 50% случаев время загрузки страниц будет не больше, чем указанное в отчете. Квантиль 90% означает, что время загрузки не будет превышать указанное в 90% случаев.

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

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

yandex.ru

1. Google PageSpeed Insights

Инструмент Google PageSpeed Insights

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

2. Pingdom Tools

Проверка скорости с помощью сервиса Pingdom Tool

Дает оценку по скорости, показывает количество обращений к серверу и среднее время загрузки. В сводной таблице подробно отображет данные по каждому запросу к серверу (стили, скрипты, изображения и др). Легко оценить, что именно на сайте замедляет загрузку.

3. WhichLoadFaster

Which Load Faster - Сравнение двух сайтов по скорости

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

4. Web Page Performance Test

Подробная статистика по Web Page Performance Test

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

5. GTmetrix

GTmetrix - сводная статистика по скорости и история

Еще один полезный инструмент для теста скорости сайта. Отображает много сводной информации, также хранит историю, чтобы можно было сравнить, насколько улучшилась или ухудшилась скорость загрузки. Подгружает рекомендации Yahoo и Google для оптимизации скорости, сортируя их по приоритету. Тестовый сервер находится в Ванкувере (Канада).

6. Load Impact

Load Impact - легкий ДДОС для теста сайта

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

7. Monitis Tools

Monitis Tools - проверка скорости загрузки с разных участков Земли

Анализирует загрузку сайта с разных участков Земли — серверы в США, Европе и Азии. Отображает сводную статистику по каждому тесту.

8. SiteSpeed.me

SiteSpeed.me - с каких географических участков скорость наилучшая или наихудшая

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

9. PR-CY

PR CY - массовая проверка скорости загрузки сайтов

Массовая проверка скорости сайта. Можно задавать до 10 адресов – сравнивая таким образом время загрузки и размер документа для каждого из ресурсов.

devaka.ru


You May Also Like

About the Author: admind

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

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

Этот сайт использует Akismet для борьбы со спамом. Узнайте как обрабатываются ваши данные комментариев.