Сайт

Узнать скорость сайта: Проверить скорость загрузки сайта — проверка скорости сайта онлайн.

09.11.2020

Содержание

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

SEO продвижение сайтов

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

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

Оглавление статьи

  • 1 Как проверить скорость загрузки сайта в Яндекс
  • 2 Время до отрисовки
  • 3 Время до загрузки DOM
  • 4 DNS
  • 5 Редиректы
  • 6 Продолжительность установки соединения
  • 7 Ответ сервера
  • 8 Время загрузки и парсинга HTML
  • 9 Процент отправки DNS запросов
  • 10 Заключение
  • 11 SEO продвижение сайта по России:

Проверять скорость загрузки сайта будем с помощью сервиса Яндекса, который находиться внутри метрики. Заходим в Яндекс Метрику и нажимаем кнопки по такому пути:

Показываю на примере своего сайта, на котором Вы сейчас находитесь:

Открываем и изучаем числовые показатели (в секундах) каждой страницы сайта. Давайте теперь расшифрую каждый параметр на который показывает стрелка.

Время до отрисовки

Время до отрисовки — это время за которое страница сайта полностью загружается и отображается на устройствах пользователей. Данный параметр в глазах пользователей считается той самой скоростью загрузки сайта, но это субъективно, так как роботы её определяют иначе. Могу сказать с уверенностью лишь то, что время отрисовки сайта должно быть не более 2-х секунд (1 секунда в идеале).

Время до загрузки DOM

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

DNS

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

Редиректы

Редиректы (обработка редиректов) — время загрузки, потраченное на отработку переадресаций с Http на Https, с WWW на без WWW итд.

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

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

Ответ сервера

Ответ сервера — время, рассчитываемое от начала отправки запроса и до получения ответа с содержимым страницы от HTTP-сервера к браузеру. Важный фактор! Также зависит от выбранного хостинга. Вот моя история об этом!

Время загрузки и парсинга HTML


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

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

Процент отправки DNS запросов — это процент загрузок страниц, когда IP-адрес сайта не был закэширован.

Заключение

Хотите хорошо ранжироваться в Яндекс? Увеличивайте скорость загрузки сайта! Хотите быстро продвинуть свой интернет-магазин в ТОП10 Яндекс и долго там оставаться? Продвигайтесь исключительно белыми, безопасными и современными LSI методами! Не умеете? Могу научить! Тем, кто хочет разобраться во всех премудростях LSI продвижения, предлагаю посетить мои уроки по SEO обучению, которые я провожу индивидуально, в режиме онлайн по скайпу.

Записаться на обучение продвижению сайтов в Яндекс

Вы получили печальный опыт блокировки за накрутку, испробовали уже все методы продвижения, а толку нет? Разочаровались в Яндекс Директ и Google Adwords? Пора прекращать верить в сказки и доброго волшебника в голубом вертолете, который спасёт ваш бизнес.

Пора заняться действительно качественной и проверенной временем SEO работой — начать продвижение интернет-магазина (сайта) статьями! Эффективность этой стратегии подтверждают мои SEO кейсы.

Я информирую Вас лишь для того, чтобы Вы впервые выбрали для себя правильный путь развития бизнеса и наконец-то получили результат. И не важно, я буду в этом вам помогать или Дядя Ваня. Но все же, если Вы хотите выбрать меня, то жмите кнопку ниже (пишите, звоните +7(921)333-77-45) и мы скорее всего договоримся и я возьмусь за ваш WEB проект и вдохну в него жизнь в виде действительно продающих текстов!

СТАРТ
(эффективность 80%)

За30 000

  • Первые 2 месяца работ: 
  • Технический аудит сайта на ошибки, сдерживающие продвижение
  • Устранение технических проблем по результатам SEO аудита (за доп оплату)
  • Подбор низкоконкурентной семантики
  • SEO оптимизация основных продающих страниц сайта/интернет-магазина
  • Еженедельный съём позиций и отчёт

Получить консультацию

ОПТИМА
(эффективность 100%)

За60 000

  • Вы получите:
  • Индивидуальная стратегия продвижения
  • Технический аудит
  • Подбор низкоконкурентной семантики
  • Написание 5 текстов/месяц
  • Внутренняя оптимизация
  • Еженедельный съём позиций и отчёт
  • Персональный менеджер 5 дн/неделю

Получить консультацию

ПРЕМИУМ
(эффективность 200%)

За150 000

  • Вы получите:
  •    Работа со сложными WEB сайтами с большим объемом данных
  • Включены все белые SEO методы (мои личные наработки и практики с 2003 года)
  • Рекомендации и постоянная поддержка сайта
  • 10 продающих SEO и LSI текстов
  • + Настройка контекстной рекламы и SMM
  • Еженедельный съём позиций и отчёт
  • Персональный менеджер 24/7

Получить консультацию

SEO продвижение сайта по России:

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

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

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

Содержание статьи:

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

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

  • 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. Команда выглядит вот так:

curl "https://losst.pro" -s -o /dev/null -w "response_code: %{http_code}\n dns_time: %{time_namelookup}\n\ connect_time: %{time_connect}\n\ AppCon time:\t%{time_appconnect}\n\ pretransfer_time: %{time_pretransfer}\n\ starttransfer_time: %{time_starttransfer}\n\ total_time: %{time_total}"

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

  • 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.pro/wp-content/uploads/2017/07/Snimok-ekrana-ot-2017-07-31-18-56-04-300×169.png» -s -o /dev/null -w «response_code: %{http_code}\

dns_time: %{time_namelookup}\n\ connect_time: %{time_connect}\n\ AppCon time:\t%{time_appconnect}\n\ pretransfer_time: %{time_pretransfer}\n\ starttransfer_time: %{time_starttransfer}\n\ total_time: %{time_total}»

 

 

Результат будет совсем другим, моему серверу понадобилось 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.

[email protected]..._..T...l...Pd..5.........X..... .Laa2../GET / HTTP/1.1 Host: test.losst.pro 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 миллисекунд. Теперь понятно, что вся проблема в сети и веб сервер работает почти так же идеально, как и у гугла. А вот что делать с сетью это уже совсем отдельная тема, которая выходит за рамки данной статьи.

Выводы

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

Тестирование и мониторинг производительности веб-сайта

Включите AdBlock Plus и протестируйте свою страницу без рекламы в бесплатной учетной записи GTmetrix!

Создать учетную запись

Варианты анализа: Тестирование в Ванкувере, Канада, с использованием Chrome (настольный компьютер) с нерегулируемым подключением. Изменить параметры

Последние новости


Просмотр изменений
  • Иногда вы можете обнаружить, что анализируемая страница выглядит и загружается на GTmetrix иначе, чем на вашей локальной… https://t.co/ycFEcZOVBR

    1 марта 2023 г.

  • LCP измеряет, насколько быстро существенный контент на вашей странице может потребляться вашими посетителями при загрузке карусели или… https://t.co/3C3lJQwzjw

    28 февраля 2023 г.

  • Видите длинные фиолетовые полосы на диаграмме водопада? Мы написали подробное руководство, которое поможет вам выяснить причину… https://t.co/uFch3Pl0Jh

    23 февраля 2023 г.

  • В то время как использование JavaScript продолжает расти, его снижение производительности часто упускается из виду в погоне за дополнительным… https://t. co/NUpCRDiggN

    22 февраля 2023 г.

Проанализировано 1 041 171 483 страницы

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

Хотите знать, почему ваша страница работает медленно?

Мы разобьем эффективность вашей страницы в сводном отчете.

Получите подробную оценку с помощью:

  • Метрики и аудиты Lighthouse
  • Web Vitals (LCP, TBT, CLS)
  • Различные параметры анализа
  • Водопад, история видео и отчетов

Что еще GTmetrix может сделать для вас?

Отслеживайте свою эффективность с течением времени

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

Узнайте, почему мониторинг важен

Получайте уведомления, когда ваша страница работает медленно

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

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

Протестируйте свою страницу на реальном устройстве Android или на более чем 30 различных вариантах симулированного устройства.

Анализируйте свою производительность с помощью iPhone, iPad, Samsung Galaxy/Note, Телефоны Google Nexus/Pixel и другие популярные устройства.

Мобильное тестирование доступно только с GTmetrix PRO.

Какова эффективность вашей страницы в мире?

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

Премиум-места тестирования доступны только с GTmetrix PRO.

Посмотреть все наши испытательные центры по всему миру

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

Воспользуйтесь всеми функциями, которые может предложить GTmetrix, и сделайте свой сайт максимально быстрым!

Попробуйте БЕСПЛАТНО!

Необходимо использовать GTmetrix в профессиональных целях? Попробуйте GTmetrix PRO!

Тест скорости веб-сайта и проверка производительности

  • Тест производительности
  • Анализ веб-страницы
  • Сравнение
  • Синтетический мониторинг
  • Путь пользователя

Dareboost предоставляет не требующую установки услугу для проверки скорости любой заданной веб-страницы. Более продвинутый, чем обычный бот, наш сервис Real Browser Testing (на основе Google Chrome) позволяет вам запускать реалистичные тесты с широкими возможностями настройки, воспроизводящие те же условия, что и ваши реальные пользователи.

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

пример теста скорости

Подписка не нужна! Запустите бесплатно свой первый веб-тест производительности

Запустите тест скорости вашего веб-сайта

Индекс скорости или запуск рендеринга — это некоторые показатели, предоставляемые Dareboost, связанные с UX.

Воспроизведение видео, диафильм и анализ UX

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

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

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

Лучшее понимание веб-производительности: Waterfall, Timeline

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

Наши отчеты также содержат результаты API Performance.Timing, чтобы полностью понять процесс загрузки вашей веб-страницы, с событиями, связанными с загрузкой DOM (domInteractive, domContentLoaded, domComplete и т. д.).

Индекс скорости или запуск рендеринга — это некоторые показатели, предоставляемые Dareboost, связанные с UX.

13 испытательных площадок по всему миру

Угождение международной аудитории? У Dareboost есть обширный список из 13 тестовых зондов по всему миру, чтобы вы могли проверить скорость своего веб-сайта в различных регионах мира: Гонконге, Лондоне, Париже, Вашингтоне, округ Колумбия, и многих других… Ознакомьтесь с полным списком наших тестовых зондов, чтобы узнать о них.

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

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