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

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

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

Что говорят исследования

Наверняка все где-то краем уха слышали про три секунды или про пять, которые пользователь готов подождать. Дело, кстати, не только в пользователях, но и в продвижении – у медленного сайта выше процент отказов, что негативно влияет на позиции в выдаче. В Google, если у вас медленно загружается мобильная версия, то пессимизируется в выдаче и десктопная – действует Mobile First Index.

Вот, что выяснили исследователи:

Если скорость загрузки сайта больше, чем 3 секунды, 53% пользователей не дождутся ее окончания, – Google

Это – общепринятое мнение, но хорошая скорость загрузки считается еще выше – 0,35–0,38 сек. Как посчитать это время? Для этого есть много бесплатных и платных сервисов, которые замеряют, насколько быстро сервер реагирует на запрос клиента, набранный в браузере. 

Для мобильной версии каждая лишняя секунда ухудшает конверсию на 20%, – аналитическая платформа Soasta

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

Со снижением скорости загрузки с 1 до 10 секунд, растет показатель отказов, – Google

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

Медленная загрузка сайта раздражает больше всего, – Google

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

Уверены, с 2015 года в этом плане мало что изменилось.

7 бесплатных сервисов для проверки скорости загрузки

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

Яндекс.Вебмастер

Один из самых популярных сервисов для проверки скорости – https://webmaster.yandex.ru/. Время ответа сервера он считает в миллисекундах, а также показывает код ответа сервера, причем он должен быть одного вида: 200 ОК. Если у вас он другого вида (404, 301 и др.), то скорость – это не главная ваша проблема. 

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

Google PageSpeed Insights

Аналогичный интуитивно понятный сервис от Google. Тут все еще проще: вставляешь адрес в строку, нажимаешь кнопку «Анализировать» и получаешь результат измерения скорости мобильной или десктопной версии, на выбор.

Результат замера выдается в виде баллов от 0 до 100, чем балл выше, тем лучше. Оптимален показатель 80+. Зеленая зона начинается от 90, но тотальный перфекционизм тут лишний, 100 баллов не набирает даже сам Гугл.

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

WebPagetest

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

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

Sitespeed.ru

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

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

Web Page Analyzer

Суровый бесплатный сервис, работает по тому же принципу, что и остальные: вы ему – URL страницы, он вам – не слишком симпатичную, но информативную таблицу с результатами измерения.

mobiReady

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

GTMetrix

GTMetrix – еще один красивый и понятный сервис для определения производительности сайта.

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

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

Whichloadsfaster

Полезный сервис, если вы хотите сравнить скорость загрузки собственного сайта с сайтом конкурентов. 

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

Причины и решения проблемы

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

Медленные каналы связи у хостинга

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

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

Много «тяжелых» изображений

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

1. Уменьшить количество картинок. Сразу можно убрать стоковые изображения. Возможно, какие-то фотографии можно заменить инфографикой – она весит меньше. Уберите все картинки, которые разбавляют ваш текст, оставьте только иллюстрации. Где-то картинки можно заменить текстом. 

2. Сжать картинки. Если вам абсолютно нечего выкидывать, можно уменьшить размер самих картинок. Для этого есть разные сервисы, например, https://compressor.io/. 

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

Файлы CSS и JS 

Большое количество анимации на сайте, сложные кастомные шрифты – это красиво, но в итоге вы получаете тонну кода. Если красивый шрифт дорог вам – оставьте его в заголовках, но не надо писать им весь сайт.

Сложный дизайн

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

Не нужно втыкать везде кнопку «Заказать», пары штук на странице более чем достаточно. Если вы зацепили посетителя – будьте уверены, он ее найдет, а если нет – то повесьте их хоть 20 штук, это не поможет. Если вы продаете дорогой и сложный товар – не нападайте на читателя с предложением купить на верхнем же экране, все равно он это не сделает, пока не изучит продукт со всех сторон.

Когда пользователь готов ждать

Всегда ли пользователи так нетерпимы к долгой загрузке? Есть очень старый эксперимент User Interface Engineering, который показал фактическое отсутствие корреляции между временем загрузки сайта и его восприятием пользователем. Так, люди говорили, что самый быстрый сайт – Амазон, который загружался дольше всего, а страница, который не несла никакой полезной для них информации, воспринималась как самая медленная, хотя в реальности была одной из самых быстрых.

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

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

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

Что еще можно использовать:

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

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

• Для некоторых сервисов более актуальны мобильные приложения. Все знают, что есть такая служба такси, как Uber, многие пользовались ею и пользуются регулярно. Но много ли кто был на их сайте? Он, кстати, тоже есть. То же самое можно сказать о каршерингах, сервисах проката велосипедов, самокатов. Вообще, если у вас бизнес с ритейлом, и вам нужно понимать, где находятся ваши клиенты, удобное и быстрое мобильное приложение будет кстати. Аптеки, магазины, салоны красоты, рестораны – для всех них оно будет использоваться не реже, чем сайт.  

Заключение

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

Компания Dial проведет грамотный аудит вашего сайта, и превратит его в современный, быстрый и красивый ресурс. Так же, как мы сделали это для компаний Аквалайн, ТД Богучарово, Элита, сервиса Мой Бизнес, интернет-магазинов Anna Anna, Скай и многих других.

Измерьте скорость веб-сайта с помощью cURL из терминала Ubuntu

В следующей статье мы рассмотрим, как мы можем измерять время отклика сайта с терминала с помощью cURL. Это интересно знать, так как это может сильно повлиять на пользовательский опыт.

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

Далее мы увидим некоторые команды, чтобы иметь возможность измерить время отклика веб-сайта. С ними мы сможем проверить время в секундах в разных полях как http, так и https страниц. Мы будем делать все из командной строки Ubuntu с помощью cURL,

Индекс

• 1 Используйте cURL для измерения скорости загрузки
  • 1.1 С веб-сайтов с HTTP
  • 1.2 С сайтов с HTTPS

С веб-сайтов с HTTP

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

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

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

• time_namelookup → Время в секундах. Взят от начала до завершения разрешения имени.
• time_connect → Время в секундах. От запуска до завершения TCP-соединения с удаленным хостом или прокси.
• time_pretransfer → Время в секундах, которое потребовалось от начала до начала передачи файла. Сюда входят все команды перед передачей и согласования, относящиеся к задействованным протоколам.
• time_starttransfer → Время в секундах, которое потребовалось от начала до передачи первого байта. Сюда входит time_pretransfer, а также время, которое потребовалось серверу для вычисления результата.
• time_total → Общее время в секундах, в течение которого длилась вся операция. Разрешается в миллисекундах.

к выполнить команду, которую мы собираемся смонтировать с предыдущими переменными, нам останется только открыть терминал (Ctrl + Alt + T) и написать:

curl -s -w '\nTiempo de respuesta para: %{url_effective}\n\nLookup Time:\t\t%{time_namelookup}\nConnect Time:\t\t%{time_connect}\nPre-transfer Time:\t%{time_pretransfer}\nStart-transfer Time:\t%{time_starttransfer}\n\nTotal Time:\t\t%{time_total}\n' -o /dev/null http://www.google.com

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

Внутри файла, которому я дам имя контроль-скорость-web.txt, вам необходимо вставить следующий код:

\nTiempo de respuesta para: %{url_effective}\n\nLookup Time:\t\t%{time_namelookup}\nConnect Time:\t\t%{time_connect}\nPre-transfer Time:\t%{time_pretransfer}\nStart-transfer Time:\t%{time_starttransfer}\n\nTotal Time:\t\t%{time_total}\n

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

curl -s -w "@control-velocidad-web. txt" -o /dev/null http://www.google.com

Приведенная выше команда будет работать на тихий режим благодаря -s, с -w распечатать информацию в стандартный вывод. Для перенаправить вывод на / dev / null давайте использовать -o.

С сайтов с HTTPS

Если нас интересует использование этого теста для сайтов HTTPS, мы можем выполнить команду в терминале (Ctrl + Alt + T):

curl -s -w '\nTiempo de respuesta para: %{url_effective}\n\nLookup Time:\t\t%{time_namelookup}\nConnect Time:\t\t%{time_connect}\nAppConnect Time:\t\t%{time_appconnect}\nRedirect Time:\t\t%{time_redirect}\nPre-transfer Time:\t%{time_pretransfer}\nStart-transfer Time:\t%{time_starttransfer}\n\nTotal Time:\t\t%{time_total}\n' -o /dev/null https://ubunlog.com

В этом формате используются дополнительные временные переменные в дополнение к указанным выше. А это:

• time_appconnect → Время в секундах, которое потребовалось с самого начала до завершения подключения SSL / SSH / etc к удаленному хосту.
• time_redirect → Время в секундах, которое заняло все шаги перенаправления до начала финальной транзакции. Рассчитайте общее время выполнения для нескольких перенаправлений.

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

\nTiempo de respuesta para: %{url_effective}\n\nLookup Time:\t\t%{time_namelookup}\nConnect Time:\t\t%{time_connect}\nAppConnect Time:\t\t%{time_appconnect}\nRedirect Time:\t\t%{time_redirect}\nPre-transfer Time:\t%{time_pretransfer}\nStart-transfer Time:\t%{time_starttransfer}\n\nTotal Time:\t\t%{time_total}\n

Сохраняем файл и обратно в терминал, мы можем используйте его с синтаксисом:

curl -s -w "@control-velocidad-web.txt" -o /dev/null https://ubunlog.com

Для получения дополнительной информации вы можете проконсультируйтесь с cUrl документация или страница руководства:

man curl

Кomo значения времени отклика изменятся из-за разных факторов, желательно провести различные тесты и установить среднюю скорость. Мы также увидим, что доступ к веб-сайту через HTTP обычно намного быстрее, чем через HTTPS.

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

Быстрая загрузка содержимого веб-страницы важна не только для посетителей, но и является фактором ранжирования Google, влияющим на SEO. Таким образом, оптимизация времени загрузки страницы также может принести вам больше трафика.

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

Что такое время загрузки страницы?​

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

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

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

Мы рекомендуем сосредоточиться на метрике «Самая большая отрисовка содержимого».

Почему процесс загрузки страницы состоит из нескольких этапов?​

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

• Загрузка документа HTML
• Загрузка таблиц стилей CSS
• Загрузка изображений
• Загрузка виджета чата с другого веб-сайта
• Запуск кода JavaScript

как только он будет готов . Контент обычно появляется на странице постепенно.

Нет ни одного случая, когда страница «загружается». Страница может загрузить 98% своего содержимого, за исключением небольшого изображения нижнего колонтитула и скрипта аналитики, но это не влияет на пользователя, поэтому мы не можем сказать, что страница еще не загружена. Мы не хотим измерять конечное растяжение до 100% как время загрузки, поскольку пользователи могут нормально использовать эту страницу до этого времени.

Вместо этого можно рассмотреть несколько показателей:

• Время до первого байта (TTFB) : Сколько времени требуется серверу, чтобы ответить на первоначальный HTML-запрос?
• Первая отрисовка содержимого (FCP) : Как скоро появится некоторое содержимое (например, текст или изображение)
• Максимальное отрисовка содержимого (LCP) : Как скоро появится содержимое главной страницы?
• Время до взаимодействия (TTI) : Когда сеть и ЦП простаивают
• Визуально завершено : Когда страница перестает визуально изменяться (это может никогда не произойти, если сайт содержит видео или анимацию)
• Событие загрузки браузера : Когда страница загрузила все зависимые ресурсы, такие как таблицы стилей и изображения

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

Зачем фокусироваться на самом большом содержании Paint?​

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

• Он измеряет, как скоро пользователь может увидеть контент, а не измеряет технические детали
• Он фокусируется на содержимом главной страницы
• Это один из трех показателей Core Web Vitals, влияющих на рейтинг Google.

Что такое хорошее время загрузки страницы?

Время загрузки страницы до 4 секунд допустимо, и Google помечает их как «Требует улучшения».

Время загрузки страницы более 4 секунд является медленным, и Google оценивает его как «Плохо».

Какая средняя скорость веб-сайта? Настольные сайты работают немного быстрее, с максимальной отрисовкой контента за 2,3 секунды.

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

Другим аспектом скорости страницы является время, необходимое странице для ответа на ввод пользователя. Это измеряется с помощью метрики Interaction to Next Paint. На мобильных устройствах средний INP составляет 274 миллисекунды. Пользователи настольных ПК ждут только 108 миллисекунд, пока страница не отреагирует на действия пользователя.

Эти числа относятся к 75-му процентилю опыта, что означает, что 25% пользователей ждут дольше указанного значения, а 75% не ждут так долго.

Влияет ли время загрузки страницы на SEO?​

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

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

В дополнение к показателю «Самая большая отрисовка содержимого» Google также учитывает совокупное смещение макета и задержку первого ввода.

Как вы измеряете время загрузки страницы?​

Вы можете измерить время загрузки страницы с помощью бесплатного инструмента, такого как Google PageSpeed ​​Insights или тест скорости DebugBear.

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

Часто вы увидите сочетание лабораторных и полевых данных:

• Лабораторные данные собираются по запросу в контролируемой тестовой среде
• Полевые данные собираются от реальных пользователей

Полевые данные часто основаны на пользователе Chrome Отчет об опыте (CrUX), в котором собраны данные за последние 28 дней.

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

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

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

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

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

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

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

DebugBear может отслеживать скорость сайта с течением времени, включая показатели Core Web Vitals, влияющие на рейтинг в поисковых системах.

Как сократить время загрузки страницы?​

Вы можете сократить время загрузки страницы, взглянув на 3 больших компонента:0023 Время отклика сервера

Загрузка размеров

Время рендеринга

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

Шаг 1. Оптимизация времени отклика сервера

Когда пользователь щелкает ссылку или вводит URL-адрес, браузер запрашивает эту страницу с удаленного сервера. Затем он ждет, пока сервер не ответит содержимым страницы.

Эта часть процесса загрузки страницы представлена ​​метрикой TTFB (время до первого байта). В дополнение ко времени, затраченному на обработку запроса на сервере, TTFB также включает время, затраченное на поиск IP-адреса сервера через DNS и установление безопасного соединения с сервером с использованием TCP и SSL.

Если вы заметили, что ваш TTFB слишком высок, вы можете сосредоточиться на этой части процесса загрузки. Google считает TTFB менее 0,8 секунды хорошим. Если он выше 1,8 с, это считается плохим.

Теперь посмотрим, как можно улучшить TTFB.

Сокращение времени обработки на сервере

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

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

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

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

Физическое расстояние между клиентом (браузером) и сервером​

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

Например, если ваш сервер находится в Нью-Йорке, но некоторые из ваших посетителей находятся в Токио, то для каждого кругового пути между клиентом и сервером потребуется около 180 миллисекунд. Обычно для создания соединения и отправки запроса требуется не менее 3 циклов. Таким образом, один только этот фактор может вызвать задержку в 0,5 секунды только для одного запроса.

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

Шаг 2: Оптимизация размеров загрузки

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

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

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

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

Сжатие изображений, видео и текста​

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

Использование современных форматов изображений, таких как WebP или AVIF, позволяет уменьшить объем загружаемых файлов без ущерба для качества изображения. Вы также можете уменьшить разрешение ваших изображений или загрузить разные изображения в зависимости от размера устройства, используя атрибут srcset .

Текстовые файлы, такие как HTML, CSS и JavaScript, можно сжимать с помощью таких алгоритмов, как gzip и brotli.

Существует множество плагинов и инструментов WordPress для автоматического сжатия ресурсов, например WP Rocket.

Оптимизация приоритетов ресурсов​

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

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

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

Если скрипт не важен, его следует загружать асинхронно с HTML-атрибутом async .

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

Шаг 3. Сокращение времени рендеринга

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

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

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

Определите, какой код замедляет работу вашего веб-сайта.

Временные шкалы ЦП в DebugBear или на вкладке Производительность Chrome DevTools сообщат вам, замедляет ли это работу вашего веб-сайта и на какие задачи браузер тратит время.

Используйте меньше JavaScript

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

Иногда лучшее решение — просто удалить их.

Заключение​

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

10 лучших рабочих инструментов для измерения вашего веб-сайта0266

Подробнее

Конрад Кабан

Генеральный директор SITEIMPULSE

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

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

Современные пользователи Интернета нетерпеливы, особенно мобильные. Если им придется ждать полной загрузки страницы более 2-3 секунд, они, скорее всего, сдадутся и уйдут. А это обычно означает переход на конкурентный сайт. Это почти всегда синоним того факта, что они никогда не вернутся после такого опыта.

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

Сейчас мы обсудим лучшие инструменты.

Содержание

1. Почему так важна скорость загрузки сайта
2. Как правильно измерить скорость сайта
3. 10 инструментов для измерения скорости сайта
4. Непрерывное тестирование скорости
5. Заключение

Почему так ли важна скорость загрузки веб-сайтов

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

Уже давно Google включает скорость веб-сайта в свой рейтинг и алгоритм ранжирования, используемый поисковой системой. Это означает, что страницы, которые загружаются быстрее (= лучше оптимизированы), имеют больше шансов на более высокие позиции.

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

Давайте также помнить, что мы живем во времена mobile-first — то есть скорость загрузки сайта на мобильных устройствах даже важнее, чем его скорость на компьютерах. Ситуация, когда сайт работает быстро на компьютере, но крайне медленно на смартфоне, встречается очень часто. На помощь приходят упомянутые выше (и перечисленные ниже) измерительные инструменты.

19 простых способов повысить скорость вашего сайта

Подробнее

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

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

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

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

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

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

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

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

Вы можете быстро и легко измерить скорость сайта с помощью Serpstat Website SEO Checker. Просто запустите анализ страницы и получите отчет с уровнем скорости десктопа и мобильного телефона и получите рекомендации по его улучшению.

Обновленный Serpstat SEO Checker: анализ любого сайта в несколько кликов

Подробнее

Персональная демонстрация

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

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

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

Google PageSpeed ​​Insights

Когда Google решил включить скорость в качестве фактора ранжирования, они создали собственный механизм для измерения скорости загрузки или уровня оптимизации для сокращения времени загрузки. Так был создан Google PageSpeed ​​Insights — самый важный измерительный инструмент для всех тех, кто оптимизирует веб-сайты для Google (а не для своих пользователей).

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

Insights показывает скорость и результаты оптимизации для мобильных устройств и компьютеров отдельно — сначала отображаются первые (с момента появления Lighthouse).

Помимо «лабораторных» данных, Google PageSpeed ​​также предоставляет реальные данные. Это результаты измерений, проведенных во время посещений реальных пользователей, и они доступны не для всех сайтов, а только для тех, которые регистрируют трафик выше определенного порога.

Google Mobile Speed ​​Test

Google Mobile Speed ​​Test работает аналогично PageSpeed ​​Insights, но на 100 % сосредоточено на удобстве использования на мобильных устройствах. Он оценивает веб-сайты, определяя, оптимизирована ли страница для мобильных устройств или нет. Если нет, в нем перечислены ошибки, которые необходимо быстро исправить.

Web.dev

Web.dev — еще один инструмент от Google, который только что вышел из стадии бета-тестирования. Он также основан на Lighthouse, но отображает результаты по-другому и предлагает гораздо больше рекомендаций по оптимизации, чем Google PageSpeed ​​Insights, описанный выше.

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

• Производительность

• Доступность

• Передовой опыт

• SEO.

Достичь результата 100/100 в категории SEO несложно, в случае Performance это настоящая проблема.

WebPageTest

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

Здесь тест можно запустить очень быстро — просто введя URL-адрес — или вы можете уделить некоторое время детальной настройке теста. Доступно множество настроек. Наиболее важным из них является расположение тестового сервера (доступны десятки вариантов) и выбор браузера.

Сам тест занимает некоторое время — в основном потому, что WebPageTest по умолчанию проверяет страницу три раза, а затем усредняет результаты. Но количество информации, доступной в отчете, вознаграждает вас за ожидание. Этот инструмент покажет нам, сколько времени потребовалось для загрузки отдельных элементов страницы в виде каскадной диаграммы, оценок (A..F) в пяти различных областях, «контрольного списка» оптимизации вместе с рекомендациями, разбивки контента по типы файлов, список хостов, разбивка соединения по этапам, скриншоты и многое другое.

GTmetrix

GTmetrix отличается тем, что объединяет результаты из разных источников — включая Google PageSpeed ​​и YSlow (движок изначально создан Yahoo). Он предлагает интересные функции (например, видеозапись загрузки), но самые интересные не доступны бесплатно. Полезной опцией (бесплатно) является экспорт отчета в файл PDF — для отправки, например, в адрес электронной почты. босс или клиент.

KeyCDN Speed ​​Test

KeyCDN Speed ​​Test — это быстрый и простой инструмент для измерения скорости веб-страницы. Он предоставляет всю основную информацию, а его главное преимущество — большой выбор мест измерения, использующих глобальную сеть KeyCDN.

Тест скорости веб-сайта Pingdom

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

Тест скорости страницы Super Monitoring

Тест скорости страницы от Super Monitoring измеряет время загрузки страницы с использованием собственного алгоритма, дополняя его результаты (включая каскадный график) результатами Google PageSpeed.

GiftOfSpeed ​​

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

Dareboost

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

Непрерывное тестирование скорости

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

Среди инструментов, описанных выше, мониторинг скорости предлагают GTmetrix, Pingdom и Super Monitoring.

Как найти ошибки, мешающие продвижению вашего сайта

Подробнее

Заключение

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

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

Желаем успехов в борьбе за кратчайшее время загрузки!

Чтобы быть в курсе всех новостей блога Serpstat, подпишитесь на нашу рассылку. А также присоединяйтесь к нашей группе на Facebook и подписывайтесь на наш Twitter.

Ускорьте рост вашего поискового маркетинга с Serpstat!

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

Набор инструментов для сокращения времени на SEO-задачи.

Получить бесплатную 7-дневную пробную версию

Оцените статью по пятибалльной шкале

Статью уже оценили 14 человек в среднем 4,64 из 5

Нашли ошибку? Выделите его и нажмите Ctrl+Enter, чтобы сообщить нам

Backlink Checker

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

API для SEO

Поиск больших данных и получите результаты, используя SEO API

Anlocality Anloytics

Полный анализ веб -сайтов конкурентов для SEO и PPC

Ключевой конец

Google Rankings Rankings Rankings Rankings Rankings Google Rankss Rankss Rankss Rankss Rankss Google Rankings Rankings Rankings Google Rankings Rankss Checker — получите ценную информацию о рейтинге вашего сайта в поисковых системах

Рекомендуемые сообщения

SEO +2

Stacy Mine

Как автоматизировать работу интернет-маркетолога: все советы и рекомендации Serpstat API

SEO

Автор

Полное руководство по Google TrustRank

9 0277 SEO

Автор

Как использовать просроченные домены для SEO

Кейсы, лайфхаки, исследования и полезные статьи

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