Скорость открытия сайта онлайн

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

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

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

Какой должна быть скорость?

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

• 0,1-0,5секунды или 100-500 мс — мгновенно, пользователь даже не заметить никаких задержек. Другое дело, что такая скорость загрузки невозможна для современных сайтов, переполненных различными изображениями, скриптами и стилями;
• 1 — 3секунды — оптимальный вариант, пользователь заметит небольшую паузу, но это не вызовет раздражения и он продолжит работу на сайте. К такому результату нужно стремиться;
• 5-10секунд и больше — очень плохо, пользователю придется ждать и он может попросту уйти, или, по крайней мере у него останется неприятное впечатление о сайте.

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

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

1. Google Chrome

Самый первый инструмент, который стоит использовать — это ваш браузер. Тут вы можете детально посмотреть с какой скоростью загружается страница у вас и какие элементы создают большую нагрузку. Откройте ваш сайт, например, главную страницу, и нажмите сочетание клавиш Ctrl+Shift+J, затем перейдите на вкладку «Perfomance»:

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

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

Например, у меня время загрузки для различных стилей составляет около 400 мс, это много. Сворачиваем «Network» и смотрим «Frames». Синий индикатор показывает, когда завершилась загрузка основных компонентов и пользователь увидел первые элементы на странице (DOM Loaded):

Загрузка элементов отображается на графике «Main», синим — HTML код, желтым — скрипты, зеленым — медиа данные, розовым — стили.

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

2. Pingdom tools

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

Страница загрузилась за 7.22, почти тот же результат, что и в Google Chrome и при этом со страницы было отправлено 115 запросов различных файлов и общий вес страницы 1,9 мегабайт.

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

Можно отсортировать по «Load Time» в поле «Sort by»:

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

• Розовый — время получения IP по DNS;
• Пурпурный — время установки соединения SSL;
• Синий — ожидание подключения к серверу;
• Оранжевый — время передачи данных;
• Желтый — время ожидания ответа сервера;
• Зеленый — время, потраченное на загрузку данных.

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

На время получения DNS и рукопожатие SSL мы повлиять не можем, и оно выполняется только один раз. Далее подключение к серверу, зависит от нагрузки на сеть, можно оптимизировать только одним путем — использовать https и новый протокол http2, тогда соединение будет выполняться только раз, а все данные будут передаваться в одном потоке.

Затем идет время ожидания ответа сервера. Этот параметр зависит от многих факторов — насколько долго запрос обрабатывается веб-сервером, php, загруженности сети и так далее. Время ожидание в 100 мс — это еще норма, но когда оно составляет 300 мс для статических файлов — это уже проблема. Допустим, на странице загружается 20 картинок, 20*300 — это уже шесть секунд, а возьмите статью, в которой картинок еще больше — 30, 50. Вот вам и время загрузки.

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

3. Host-tracker

Минус Pingdom в том, что там можно проверить скорость сайта только на заграничных ресурсах. Если нас интересует Россия, то лучшие использовать host-tracker:

Но здесь совой недостаток, загружается только html код страницы и все. Никакие изображения и вообще структура DOM загружены не будут. Например, в Москве, html код страницы загружается за 79 мс, а в Австралии за 2,5 секунды. Например, в Pingdom этот же показатель был примерно 800 мс. Тут не выполняется проверка скорости страниц сайта. Если вы хотите проверить скорость загрузки отдельного ресурса на странице, то вам нужно будет набирать его url отдельно.

4. Проверка скорости в терминале

Проверка скорости сайта в терминале Linux позволит получить больше всего необходимой информации, чтобы принять правильное решение по оптимизации. Мы выяснили, что самую большую проблему после проблемных файлов представляет время ожидания ответа веб сервера. Теперь нужно понять откуда оно берется. Утилита curl позволяет узнать скорость загрузки сайта, замерять время до получения первого байта, по сути, это и есть wait time + connect + dns + ssl + read. Команда выглядит вот так:

Значение каждой переменной:

• time_namelookup — время преобразования домена в IP адрес;
• time_connect — время установки соединения по TCP;
• time_appconnect — время, затраченное на соединение SSL;
• time_pretransfer — время, затраченное на подготовку к передаче данных;
• time_starttransfer — время получения первого байта от сервера;
• time_total — общее время загрузки страницы, только html, без скриптов и изображений.

Фактически здесь выходит, что время ожидания веб-сервера меньше 100 мс. Время отправки данных можно принять за 0, тогда wait time от pingdom будет time_starttransfer — time-pretransfer. Мы можем проверить другой ресурс, например, изображение:

Здесь уже видим тот же wait time до 140 мс. Плохо, учитывая, что у серверов Google этот параметр до 5 мс. Дальнейший анализ нужно продолжить на вашем сервере. Мы посмотрим насколько быстро веб-сервер возвращает результат с помощью tcpdump. Дальнейшую инструкцию можно выполнить только на VPS/VDS, на хостингах у вас это не выйдет. Авторизуйтесь на вашем сервере по SSH и выполните там такую же команду:

$ curl «http://test.losst.ru/wp-content/uploads/2017/07/Snimok-ekrana-ot-2017-07-31-18-56-04-300×169.png» -s -o /dev/null -w «response_code: %

Результат будет совсем другим, моему серверу понадобилось 63 миллисикунды на обработку этого запроса. Из чего можно сделать вывод, что все остальные задержки — проблема работы сети. Мы еще можем отследить как передаются пакеты и заголовки с помощью tcpdump, только нужно отключить SSL, иначе вы ничего там не разберете:

tcpdump -n -S -s 0 -vvvvv -A ‘(tcp dst port 80 or tcp src port 80) and (dst host ваш_ip or src host ваш_ip)’

Вы можете подробнее почитать как пользоваться tcpdump в отдельной статье. Фактически, этот фильтр означает, что нужно отображать все пакеты, полученные на порт 80 или отправленные с порта 80, при том, что они будут отправлены либо с вашего ip либо на ваш ip. Теперь в другом терминале выполните curl запрос к http версии сайта, в tcpdump вы увидите полный список пакетов и их содержимое:

14:30:08.392309 IP (tos 0x0, ttl 54, id 61543, offset 0, flags [DF], proto TCP (6), length 129)
95.133.238.84.landmarks > 185.22.173.108.http: Flags [P.], cksum 0x9f58 (correct), seq 1691128117:1691128194, ack 3071477496, win 229, options [nop,nop,TS val 5005665 ecr 848099631], length 77
E. g@.6. _..T. l. Pd..5. X.
.Laa2../GET / HTTP/1.1
Host: test.losst.ru
User-Agent: curl/7.50.1
Accept: */*

14:30:08.392357 IP (tos 0x0, ttl 64, id 65431, offset 0, flags [DF], proto TCP (6), length 52)
185.22.173.108.http > 95.133.238.84.landmarks: Flags [.], cksum 0xb483 (incorrect -> 0x6fa7), seq 3071477496, ack 1691128194, win 227, options [nop,nop,TS val 848099696 ecr 5005665], length 0
E..4..@.@. l_..T.P. d.
2..p.Laa
14:30:08.402702 IP (tos 0x0, ttl 64, id 65432, offset 0, flags [DF], proto TCP (6), length 2948)
185.22.173.108.http > 95.133.238.84.landmarks: Flags [.], cksum 0xbfd3 (incorrect -> 0x2316), seq 3071477496:3071480392, ack 1691128194, win 227, options [nop,nop,TS val 848099707 ecr 5005665], length 2896
E. @.@.<

. l_..T.P. d.
2.. <.LaaHTTP/1.1 200 OK
Server: nginx/1.13.3
Date: Fri, 18 Aug 2017 11:30:08 GMT
Content-Type: text/html; charset=UTF-8
Transfer-Encoding: chunked
Connection: keep-alive
Expires: Fri, 18 Aug 2017 21:30:08 GMT
Pragma: public
Cache-Control: max-age=36000, public
X-Powered-By: W3 Total Cache/0.9.5.4

• 14:30:08.392309 — отправлен запрос на страницу;
• 14:30:08.402702 — получен ответ.

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

Выводы

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

Проверка скорости загрузки сайта: 12 бесплатных инструментов

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

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

Проверка скорости загрузки сайта: обзор инструментов

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

Google PageSpeed Tools

Для того, чтобы пользователи и вебмастера могли с легкостью проверять скорость загрузки сайтов, Google разработал Google Site Speed Test Tool. Этот набор инструментов оценивает ваш сайт с учетом последних требований Google и показывает, какие страницы замедляют его работу. Проверка скорости загрузки сайта с PageSpeed может проводиться несколькими способами: вы можете воспользоваться онлайн-сервисом или установить расширение для Chrome, чтобы анализировать сайты прямо в своем браузере. Вы также можете установить PageSpeed на сервер Apache или Nginx.

GTmetrix

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

Yslow

Инструмент Yslow от Yahoo! анализирует производительность сайта, основываясь на 23 критериях Yahoo. Сайты оцениваются по одному из трех стандартных наборов правил. Пользователь также может задать собственный набор правил для проверки производительности сайта. Yslow доступен для Chrome, Firefox, Safari и Opera, а также для PhantomJS и Node.js Server.

Web Page Analyzer

Web Page Analyzer — еще один бесплатный инструмент, с помощью которого проводится проверка скорости загрузки сайта. Инструмент оценивает структуру сайта, его размер и время загрузки страниц. Затем система обрабатывает полученную информацию и выдает рекомендации по улучшению производительности сайта, сформированные с учетом правил и техник WebsiteOptimization.com.

Pingdom Website Speed Test

Pingdom может похвастаться не только красивым интерфейсом, но и мощным функционалом для оценки скорости загрузки сайта и его производительности. Инструмент Website Speed Test анализирует скорость загрузки вашего сайта в разных местах США и Европы. Вы можете бесплатно ознакомиться со статистикой и получить советы по улучшению производительности вашего сайта. Pingdom выполняет анализ сайта в режиме реального времени, поэтому вы можете быть уверены, что результаты вашей работы будут заметны сразу.

Dotcom — Page Speed

Инструмент Page Speed от Dotcom также проверяет производительность вашего сайта в разных точках по всему миру. Вы сможете узнать, насколько эффективно ваш сайт работает в различных браузерах, включая Chrome, Safari и Firefox. Также вы сможете оценить эффективность работы вашего сайта на Android-устройствах. В результате вы получите набор отчетов, таблиц, диаграмм и другой полезной информации, которая поможет вам увеличить скорость загрузки страниц.

Webpage Test

Как и все вышеупомянутые инструменты, Web Page Test помогает провести проверку производительности сайта в различных точках земного шара и в различных браузерах (включая IE и Chrome). При простом тестировании инструмент анализирует реальную скорость соединения. В расширенном режиме учитываются еще такие факторы, как блокировка контента, загрузка видео и т.д.. По завершении исследования вы сможете ознакомиться с результатами и получить советы по улучшению производительности сайта.

Pagescoring — Website Speed Test

Инструмент Website Speed Test от Page Scoring отличается простым и понятным интерфейсом. С помощью этого инструмента может быть выполнена простая проверка скорости загрузки сайта и его компонентов. В отчете вы сможете увидеть среднее время загрузки сайта, время редиректа, ошибки URL и скорость загрузки 15.74 Кб данных.

Show Slow

Show Slow использует инструменты с открытым кодом для тестирования производительности сайта. Система анализирует данные Yahoo! Yslow, Google’s Page Speed Insights и других похожих инструментов, а после собирает полученные результаты в общую таблицу. Онлайн-сервис хранит ваши данные в течение 90 дней, но вы можете воспользоваться оффлайн-версией и хранить информацию о скорости вашего сайта на своем компьютере.

Sitespeed

SiteSpeed тестирует доступность URL вашего сайта из множества точек по всему миру. Вы сможете увидеть лучшее и худшее время загрузки из различных локаций и оценить среднее время загрузки страницы.

Load Impact

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

SiteTimer

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

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

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

По данным Akamai Technologies, 53% посетителей закрывают сайт, если он загружается дольше 3-х секунд. Задержка всего в 2 секунды уменьшает конверсию страницы на 37%.

А сколько грузится ваш сайт?

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

Зачем, и главное – как проверить скорость загрузки страницы и сделать ее быстрее? Давайте разбираться.

Как ускорение сайта повышает продажи

Меньше отказов. Чем быстрее открылась страница, тем больше шансов, что пользователь останется на сайте. DoubleClick, дочерняя компания Google, сравнила мобильные ресурсы со временем открытия 5 и 19 секунд. При загрузке 5 секунд показатель отказов на 35% меньше.

Больше глубина просмотров. Если сайт «летает», пользователь вероятнее просмотрит больше одной страницы за раз. Вернемся к сравнению сайтов , которые открываются за 5 и 19 секунд. При загрузке 5 секунд одна сессия длится в среднем на 70% дольше.

Вовлеченность пользователей напрямую влияет на прибыль. Сотрудники Financial Times провели эксперимент. Часть фокус-группы просматривала статьи на сайте в обычном режиме, а часть – с задержкой от 1 до 5 секунд. Чем дольше открывались страницы, тем меньше длилась сессия. В результате читатели увидели меньше рекламных материалов и к тому же не захотели оформить платную подписку – а ведь это два главных источника дохода газеты.

Выше конверсия. Исследование онлайн-продаж от Akamai Technologies также показало, что страницы с высокой конверсией загружаются в среднем на 26% быстрее. Ускорение – не единственный способ повысить конверсию интернет-магазина или лендинга . Но даже просто теряя в скорости, вы упускаете потенциальных клиентов.

Всё еще не верите, что от скорости сайта зависит ваш доход?

Тогда вот вам анекдот на миллион долларов в прямом смысле этого слова.

Когда технический директор AliExpress Донгбай Гуо доложил своему боссу, что время загрузки страниц сократилось на 36%, тот ответил: «Молодцы. А что такое время загрузки страниц?». Тогда техдиректор сказал, что в результате количество размещенных заказов увеличилось на 10,5%. И босс ответил: «Что?! Как вы это сделали?!».

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

Почему скорость влияет на продвижение

От того, насколько быстро работают страницы, зависит в том числе позиция сайта в поисковиках. Согласно официальному блогу Google, менее 1% ресурсов ранжируются по скорости показа страниц, так что это не главный критерий. Тем не менее и Google, и Яндекс могут проверить скорость загрузки сайта.

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

Хотите узнать, как ещё увеличить поток клиентов с Google и Яндекс? Тогда читайте нашу статью: 8 инструментов, которые увеличивают поисковый трафик в 2 раза.

Какая скорость вам нужна

Согласно исследованию всё тех же Akamai Technologies, самая высокая конверсия – у страниц со временем загрузки 1,8 секунды на декстопной и 2,7 секунды на мобильной версии. А самый низкий показатель отказов – у страниц, которые открывались за 1 секунду на декстопной и 0,7 секунды на мобильной версии.

Так всё-таки какой результат должна показать проверка сайта на скорость?

Готовы запустить свой онлайн-бизнес этой осенью? Начните с выбора ниши и определения целевой аудитории. Подробную инструкцию читайте здесь — «Как начать свой бизнес в Интернете [часть 1]».

Скорость открытия сайта онлайн

Полный анализ сайта

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

• Еженедельные отчеты на почту с основными метриками
• Рекомендации, которые помогут улучшить сайт
• Сравнение данных с конкурентами

Аудит внутренних страниц

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

• Коды ответа сервера
• Мета-теги страницы
• Контент и скорость загрузки

Проверка позиций сайта

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

• Проверка десктопной и мобильной выдачи
• Любой регион и страна
• Удобные отчеты

Популярные инструменты

Новое в блоге

Вопросы и ответы

Vladimir9, 54 минуты назад

Hogore, 2 дня назад в 20:12

oldzas, 2 дня назад в 17:50

TOPMUZLO, 2 дня назад в 16:33

Chatlax, 2 дня назад в 12:05

Сообщения форума

SEO Thresh, сегодня в 00:55

Badmaestro, сегодня в 00:40

petroff, вчера в 20:42

Badmaestro, вчера в 19:26

insurweti, вчера в 18:49

Биржа сайтов

Быстрый анализ

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

Перед началом продвижения обязательно нужно сделать анализ сайта, таким образом определить основные возможности ресурса. Самым популярным показателем, который хотят узнать вебмастера, является Тематический Индекс Цитирования (ТИЦ) и теперь новый показатель Индекс Качества Сайта (ИКС). Сервис pr-cy.ru будет лучшим помощником, и seo инструменты – это только первоначальные шаги к созданию первоклассного сайта.

Помощь веб-мастерам

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

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

Экономия времени

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