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

Часто задаваемые вопросы

Что такое тест скорости интернет-соединения?

Тест скорости интернет-соединения — это тест для измерения скорости передачи данных. Это количество передаваемых бит информации в секунду (измеряется в килобитах в секунду Кбит/с, мегабитах в секунду Мбит/с или гигабитах в секунду Гбит/с). Высокая скорость подключения — важнейший фактор, который обеспечивает комфортную работу во Всемирной сети. Поэтому скорость Интернета интересует не только профессионалов, но и любого пользователя.

Какие API мы предлагаем?

Наш API создан как общедоступный ресурс. Для интеграции данного сервиса со своими проектами мы предлагаем Вам один из следующих API:

• сервис «Speedtest API»;
• сервис «Speedtest Popup»;
• сервис «Email API»;
• сервис «GeoIP API»;
• сервис «ProviderIP API»;
• сервис «Hosting API».

Лимит количества запросов к каждому из сервисов составляет не более 10 запросов с одного IP адреса на протяжении суток.

От чего зависит скорость интернет-соединения?

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

Что делать если результат ниже, чем обещает провайдер?

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

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

Что такое Cross-origin resource sharing (CORS)?

Суть технологии CORS достаточно проста, она позволяет предоставить веб-странице доступ к ресурсам другого домена. Например, есть домен А (MYSPEED.today), желающий загрузить ресурсы с сервера Z (сервер интернет-провайдера). Для того чтобы это стало возможным, веб-серверу Z, который отдает контент, достаточно указать в заголовке ответа Access-Control-Allow-Origin доверенный домен A. Тогда для страниц этого домена, ограничения принципа одинакового источника на запрашиваемые страницы, не будут действовать. После этого страницы сервера A смогут загружать контент с сервера Z.

Резюме:

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

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

Если же Вы хотите, чтобы ускорением Вашего сайта занялись всесторонне и профессионально — обращайтесь к нам в Q-SEO и результаты превысят все Ваши ожидания!

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

Какие параметры важны при измерении скорости сайта

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

Largest Contentful Paint (LCP)

Это один из новых показателей PageSpeed Insights, который демонстрирует время отображения самого большого элемента на странице. Алгоритм метрики отслеживает изображения, видео с poster-изображением, текст в блочных элементах. Размер рассчитывается по формуле: ширина, умноженная на высоту. Если какой-то элемент на странице частично скрывается за видимой областью, он не учитывается при расчете показателя.

Время ответа сервера

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

Время загрузки первого контента

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

Индекс скорости загрузки

Индекс скорости загрузки демонстрирует скорость загрузки содержимого сайта до момента, когда на странице прекращаются визуальные изменения. Это время от начала загрузки видимых элементов страницы и до того, как пользователь видит сайт с правильным расположением содержимого. Speed Index — это один из значимых показателей, на основе которого PageSpeed Insights выставляет оценку скорости загрузки сайта.

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

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

Время загрузки достаточной части контента

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

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

Время окончания работы ЦП

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

Приблизительное время задержки при вводе

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

Чем быстрей загружается сайт, тем лучше конверсия

Чтобы убедиться в этом, изучите следующие результаты исследований:

• Исследование Aberdeen Group показало, что в результате задержки в 1 секунду уменьшается количество просмотров (на 11%), процент удовлетворенности аудитории (на 16%), а также коэффициент конверсии (на 7%).
• Компания Shopzilla увеличила скорость сайта на 5 секунд и тем самым повысила конверсию на 12%
• Сократив время загрузки своих посадочных страниц, компании Mozilla удалось увеличить количество загрузок на 15,4%, что привело к 60 млн дополнительных загрузок.
• 85% мобильных юзеров ожидают, что сайты будут грузиться так же быстро, как и на компьютере. Не получая такого же результата, они покидают сайт.

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

loading.express

Этот один из немногих сервисов, который позволит вам проверить скорость загрузки вашего ресурса на территории России. В целом, выдаёт нормальный блок по основным метрикам скорости. Самая полезная фича — время ответа сервера для региона РФ. Не каждый сервис в этом обзоре сможет дать вам адекватное число. По значкам вопроса можно кликать и смотреть подробное описание того что и как измеряется. Из минусов: подходит только для экспресс-аудита ваших страниц, а также нельзя сохранить ссылку на проверку, чтобы вернуться к ней позже. За более подробными рекомендациями по скорости лучше смотреть другие 4 сервиса в обзоре.

gtmetrix.com

Один из самых старых и известных в своём роде. Даёт не только хорошее понимание о скорости вашего сайта, но и полную сводку полезных рекомендаций. Прямо копируй и отправляй верстальщику и программисту. Из интересных функций можно выделить деление отчётов на показатели, которые замеряют PageSpeed Insights и YSlow.

Из минусов: регион сканирования находится слишком далеко от СНГ, что немного сказывается на точности и числовых показателях скорости. 

pingdom.com

Для меня второй по точности рекомендаций инструмент после gtmetrix. Ещё и красивый. Даёт примерно такое же количество полезной контентной нагрузки про скорость вашего сайта.

webpagetest.org

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

dotcom-tools.com

Главная фишка данного инструмента — проверка скорости загрузки из 25 разных регионов, включая Северную и Южную Америку, Европу, Азию, Африку. Подробных рекомендаций ждать не следует, а вот сравнить быстродействие в другой стране будет удобно вместо запуска отдельно нескольких тестов, как в случае с webpagetest.org.

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

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

WEBWAIT

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

HOST-TRACKER

Также можно воспользоваться сервисом HOST-TRACKER. Его специфика работы уже сложнее: используется не ваш интернет, проверяется доступность сайта с различных точек нашей планеты. Всего используется около 90 различных мест Земли. Для каждой точки определяется свое время, а затем вычисляется среднее арифметическое. Как можно заметить на скрине ниже, данный блог (его главная страница) грузится немногим более одной секунды – отличный результат.

SITE-PERF

SITE-PERF – альтернативный вариант. Этот сервис предоставляет мощный инструмент по анализу скорости загрузки страниц сайта. Его отличие от других заключается в том, что он выдает время загрузки каждого отдельного элемента страницы (включая таблицы  и файлы). Имеется возможность выбрать сервер, который проверит сайт, и указать ряд других настроек.

LOAD IMPACT

LOAD IMPACT – другой способ проверить скорость загрузки сайта. Этот сервис как бы имитирует ddos-атаку на сайт: можно провести до 50 одновременных посещений, открывая при этом по 10-20 страниц. Т.е. общая нагрузка на сайт будет равна 50*(10-20)=500-1000 загрузок страниц. После проверки сервис рисует график: если он ровный, то сайт справляется с нагрузкой, в противном случае стоит подумать о смене тарифа хостинга или же оптимизировать скорость загрузки сайта.

Дополнительные инструменты от Google

PageSpeed Insights — полезный, но не единственный инструмент для измерения показателей скорости загрузки. Есть и другие сервисы Google, которые оценивают производительность сайта и дают рекомендации по оптимизации. 

Pingdom Tools

Это полезный инструмент для работы, чтобы оценить доступность и производительность сайтов. Он разработан американской компанией по выпуску программного обеспечения SolarWinds. Тест показывает не только общее время загрузки, но и дает представление о других параметрах страницы: количестве запросов для формирования страницы, времени загрузки документа. Pingdom Tools сообщает коды сервера, определяет размер страниц и вес контента на сайте. После анализа он оценивает эффективность работы веб-страниц и дает рекомендации по оптимизации.

UpTrends

Это сервис с бесплатным доступом на 30 дней для мониторинга сайтов, серверов, мобильных приложений. Для теста предоставляются 9 локаций США, Азии, Европы и Австралии. Перед началом проверки можно указать используемый браузер, тип соединения, размер экрана. Замер скорости происходит как в десктопных версиях, так и в мобильных. Инструмент измеряет коды ответов, распределяя их по объектам и весу, исследует время загрузки на всех этапах взаимодействия с пользователем. UpTrends предлагает опцию RUM — проверку реальных пользователей.

WebPageTest

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

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

Что делать с этой информацией?

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

Опубликовано: 05.02.20
Изменено: 06.03.21

Написал: Александр Штеркель

5 инструментов чтобы проверить скорость загрузки сайта в 2021
5 инструментов чтобы проверить скорость загрузки сайта в 2021

Зацените и другие статьи:

Google Analytics

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

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

Какие же действия необходимо выполнить для использования функционала Google Analytics?

1. Необходимо завести аккаунт Google и авторизоваться в системе.
2. Создать учетную запись для сайта, если ее нет.
3. Выбрать соответствующее представление.

Интерфейс Google Analytics

1. Во вкладке “Отчеты” кликнуть по пункту “Поведение”.

Вкладка “Отчеты”, пункт “Поведение” в Google Analytics

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

Подпункт “Время загрузки страниц в Google” Analytics

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

Дополнительные параметры подпункта “Время загрузки страниц”

Вкладкой ниже в подпункте “Ускорение загрузки” приведен перечень страниц с предложениями по оптимизации данных страниц посредством сервиса PageSpeed Insights. Также в предлагаемой таблице есть показатель “Уровень скорости загрузки страниц”, который показывает, насколько можно повысить скорость загрузки той или иной страницы. Чем меньше этот показатель, тем больших результатов в повышении скорости загрузки страницы можно добиться.

Подпункт “Ускорение загрузки” в Google Analytics

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

Поиск по ключевым словам в Google Analytics

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

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

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

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

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

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

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

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

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

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

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

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

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

Способы повышения качества соединения зависят от причин его падения. Так, можно попробовать:

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

Популярные провайдеры России в 2020 году

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

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

Народный рейтинг интернет-провайдеров России в 2020 году

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

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

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

Количество товаров в блоках «Новинки», «Хит продаж» и других слайдерах

Установление вменяемого количества подгружаемых товаров для блоков «Новинки» и «Распродажа» позволило ускорить загрузку страницы в несколько раз:

Заблокированные в отдельных странах ресурсы

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

Ярким примером для Украины являются виджеты vk.com и ок.ru, а также скрипт Яндекс Метрики. Доступ к данным ресурсам заблокирован большинством провайдеров, браузер будет получать ошибку и продолжать попытки загрузить ресурс снова и снова, что негативно скажется на скорости загрузки страницы. При этом сервисы будут показывать, что все замечательно.
Внимательно проверьте код своего сайта на наличие таких элементов и примите меры — виджеты замените на кнопки перехода, для Метрики используйте альтернативный сервер.

Нагрузка на хостинг

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

Как правило, это роботы многих сервисов для проверки обратных ссылок на сайт, роботы не интересных Вам поисковых систем (например, робот китайского поисковика Baidu), роботы seo-сервисов, которыми Вы не пользуетесь.

Проблемные модули сайта

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

Также будьте внимательны с условно бесплатными модулями. Отличный пример — сервис Pluso, который неожиданно для своих пользователей стал генерировать массу исходящих ссылок со страниц, где установлен. Кроме пагубного влияния на скорость загрузки, Pluso еще и не пожалеет Ваших seo-усилий, представив Ваш сайт линкопомойкой в глазах поисковиков:

Зачем измерять скорости сайта?

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

Эти цифры не являются абстрактными «пузомерками», они могут дать довольно важную и интересную информацию. Например, если сервер формирует страницы вашего сайта долго, то можно предположить: а) перегруженность сервера — если нагрузка возрастёт, то сервер будет формировать страницы оооочень долго, или вообще будет пропускать запросы; б) ваш сайт настолько неоптимизирован и тяжёлый, на него настолько много навешано плагинов и прочего, что сервер просто не справляется — стоит подумать об оптимизации. И естественно, посетителям намного больше понравится, если сайт будет отображаться мгновенно, без задержки в 2-7 секунды.

Итак, мы будем мерить:

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

Чтобы было чуть нагляднее, я буду изменять сразу два сайта, условно «лёгкий» (http://mi-al.ru/) и условно «тяжёлый» (https://codeby.net/blogs/).

PageSpeed Insights

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

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

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

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

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

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

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

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

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

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

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

Проверка скорости сайта

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

1. Время для получения начального байта (TTFB). Это временный отрезок с начала загрузочного процесса и до получения первых данных. Этот параметр можно считать основной метрикой оптимизации сервера.
2. Начало отображения страницы (начало рендеринга, первые цвета). Такой показатель демонстрирует время до конца периода «белого экрана» в браузере, когда страница начинает прорисовываться.
3. Загрузка базовых элементов страницы (фактическое время загрузки). Оно включает обработку всех ресурсов для взаимодействия со страницей, после чего стрелки браузера, которые отображают загрузку ресурса, перестают вращаться.
4. Полная загрузка веб-страницы.  Время перед завершением основных действий браузера, когда уже обработаны все основные и отложенные модули кода.

Все вышеперечисленные параметры скорости измеряются в секундах

Но очень полезно при анализе 3 и 4 показателя обращать внимание на количество трафика

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

Дальше надо разобраться, как проверять скорость.

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

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

Для быстрой оценки оптимизации клиентской составляющей, можно использовать службу Google PageSpeed Insights, либо Sitechecker (наш сервис включает API-интерфейс сервиса Google).

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

1. Отчет Яндекс Метрики по скорости страниц

Чтобы найти отчет, следуйте этому пути.

Яндекс.Метрика > Отчеты > Стандартные отчеты > Мониторинг > Время загрузки страниц

2. Отчет Google Analytics по скорости страниц

Чтобы найти отчет, следуйте этому пути.

Google Analytics > Поведение > Скорость сайта > Предложения по скорости

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

Использование CDN

Использование CDN (сеть доставки контента / content delivery network) для ускорения работы веб-сайта – очень разрекламированный способ, который кроме технологической составляющей включает много маркетинговых добавок.

1. Как CDN появился

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

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

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

2. Возможное влияние

Можно ли ускорить веб-ресурс при использовании CDN? На самом деле ответ утвердительный. Соединение пользователя с ближайшим сервером (по времени) устанавливается быстрее и эффективнее подключаются TCP и TLS протоколы. А если контент размещен на сервере CDN, то юзер может быстрее получить нужные данные.

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

3. Недостатки использования CDN

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

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

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

Почему важна скорость загрузки страниц?

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

Также не секрет, что ухудшение скорости загрузки крайне негативно сказывается на росте процента отказов. Ребята из Google даже подготовили краткую наглядную сводку пагубного влияния долгой загрузки страниц:

Изображение со страницыhttps://www.thinkwithgoogle.com/marketing-resources/data-measurement/mobile-page-speed-new-industry-benchmarks/

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

Заключение

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

Сквозная аналитика

 от 990 рублей в месяц

• Автоматически собирайте данные с рекламных площадок, сервисов и CRM в удобные отчеты
• Анализируйте воронку продаж от показов до ROI
• Настройте интеграции c CRM и другими сервисами: более 50 готовых решений
• Оптимизируйте свой маркетинг с помощью подробных отчетов: дашборды, графики, диаграммы
• Кастомизируйте таблицы, добавляйте свои метрики. Стройте отчеты моментально за любые периоды

Узнать подробнее