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

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

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

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

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

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

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

Стандартные значения

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

• 32 kbps — для записи голосовых заметок и для речи
• 6 kbps — подходит для передачи речи или потокового аудио низкого качества
• 128 или 160 kbps — используется в потоковом вещании
• 192 kbps и 256 kbps — так кодируются распространяемые в интернете аудиофайлы
• 320 kbps —максимальное качество звука с использованием формата MP3
• 400–1411 kbps —применяется при создании HD-аудио в формате FLAC (и аналоги)
• 1411,2 kbps — используется в основном при записи несжатого звука в формате LPCM на аудио-CD диски
• 5644,8 kbps — используется при записи высококачественного студийного звука
• 6,144 mbps — нужен для записи аудио DD+ на диски для Blu-ray-плееров
• 9,6 mbps — битрейт многоканального аудио, записываемого на диски DVD-Audio
• 18 mbps — значение стереофонического многоканального аудио с использованием сжатия без потерь

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

• 400 kbps — файлы низкого качества, снимаемые на камеру старых телефонов
• 750 kbps — значение используется в роликах YouTube 360p
• 1 mbps — используется для видеофайлов YouTube 480p
• 2,5 mbps — этот битрейт для Ютуба идеально подойдет для роликов 720p
• 3,8 mbps — можно использовать для видеозаписей YouTube с 720p и частотой 60 кадр/сек
• 4,5 mbps — идеальное значение для видео с YouTube 1080p
• 6,8 mbps — битрейт Ютуб роликов с 1080p и частотой 60 кадр/сек
• 9,8 mbps — используется в видеороликах стандарта DVD
• 19 mbps — подходит для стандарта HDV с разрешением 720p и 1080p
• 24 mbps — битрейт видео для формата видеороликов, записываемых на AVCHD и Blu-Ray диски
• 25 mbps — используется для записи высококачественного видео 1080i
• 29,4 mbps —видеоконтент стандарта HD DVD
• 40 mbps — используется при записи роликов Blu-Ray 1080p

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

• Для видеороликов – 2,5 – 5 Мбит/с;
• Для аудиофайлов – 192 кбит/с.

При этом нужно учитывать и формат видеоролика! Для наглядности, какой битрейт лучше для видео 1920х1080 в SDR и HDR? В первом случае лучше выставить выставить 8 и 12 mbps (60 кадров/с), а во втором – уже 10 и 15 mbps.

Для чего необходимо оптимизировать скорость загрузки?

В первую очередь согласно данным Google (исследование SOASTA) скорость загрузки сайта сильно влияет на конверсию сайта. Так оптимальное время за которое должна открыться страница составляет менее 2,2 секунд.

Согласно другим исследованиям компания Walmart добилась увеличения коэффициента конверсии на 2% за каждую 1 секунду ускорения. Также IT-гигант Mozilla смогла повысить количество загрузок на 15% уменьшив время на отображение страницы на 2.2 секунды.

В дополнение данный источник утверждает, что загрузка страницы за менее чем 100 миллисекунд дает пользователю ощущение моментальной загрузки. Как показали исследования около половины (40%) посетителей откажутся от сайта, если он загружается более 3 секунд. Было замечено, что при превышении времени загрузки контента 2-х секунд показатель отказов увеличивается на 30% (можно проверить в Яндекс.Метрике и Google Analytics).

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

Подписывайтесь на наши социальные сети

Стресс тест – измерение падения производительности сайта из-за большого притока пользователей

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

Полный отчёт для лёгкого сайта здесь.

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

Полный отчёт для тяжёлого сайта здесь.

Зависимость скорости ответа сервера в зависимости от количества посетителей для тяжёлого сайта:

Надо отдать должное моему хостеру – «удар» он держит, если даже на мой тяжёлый сайт одномоментно будет заходить по 50 человек, то скорость ответа сервера не замедлится. Это говорит и о хорошем (производительном) оборудовании хостера и о высоком качестве пропускных каналов.

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

loading.express

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

gtmetrix.com

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

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

pingdom.com

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

webpagetest.org

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

dotcom-tools.com

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

Как улучшить скорость загрузки сайта

• оптимизируйте скрипты и сценарии;
• оптимизируйте таблицы стилей;
• воспользуйтесь кешированием.

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

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

Кеширование используют сейчас почти все сайты. Смысл такой: при повтором обращении пользователя к вашему сайту часть информации берется не с сервера сайта, а из кеша (памяти) браузера пользователя. Это позволяет снизить нагрузку на сервер, а значит, увеличить скорость загрузки сайта.

Вот такие способы повышения скорости загрузки сайта я знаю. А какие известны вам?

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

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

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

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

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

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

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

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

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

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

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

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

Важность ускорения сайтов

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

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

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

Резюме:

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

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

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

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

Какие показатели скорости сервера нужно оценивать?

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

TTFB

Аббревиатура расшифровывается как Time-to-first-byte («Время до получения первого байта»). То есть это тот период времени, который проходит с первоначального запроса клиентом в сторону сервера до его ответа и отправки первого байта данных. Можно понимать это как скорость достижения момента, когда сайт начинает передавать браузеру информацию о структуре веб-страницы и контенте, который на ней хранится.

Это и есть скорость ответа сервера (сайта). Чем ниже эта мера, тем быстрее пользователь получит отклик. Этот показатель должен быть не более 400 миллисекунд. Но лучше сократить его до 100.

Дозагрузка страницы

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

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

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

Поэтому мерить скорость загрузки сайта со своего компьютера или смартфона бесполезно. 

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

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

WEBWAIT

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

HOST-TRACKER

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

SITE-PERF

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

LOAD IMPACT

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

Скорость загрузки сайта: ускоряйте без перфекционизма

Когда вы проанализируете свой сайт в PageSpeed Insights и увидите, что он в «красной» зоне, то это не повод доставать валерьянку. Посмотрите на результаты аудита – наверняка вы что-то сможете внедрить своими руками. При этом ускорение сайта вы заметите моментально.

Но зацикливаться на скорости загрузки не стоит. Есть аудиты, для прохождения которых нужно не просто что-то сжать, а «перелопатить» структуру сайта. Это долго и дорого. И не факт, что потраченные усилия будут стоить вложенных денег.

То есть придерживайтесь принципа достаточности. Если ваш сайт особо не отстает от конкурентов, нормально работает и приносит доход, лучше вложите деньги в повышение конверсии и привлечение клиентов – SEO, контекстную и таргетированную рекламу.

И все у вас будет хорошо.

Как пользоваться PageSpeed

Чтобы получить сводки для оптимизации веб-сайта, нужно перейти на страницу PageSpeed Insights и указать в пустой строке домен. После алгоритм запускается, анализирует информацию и выдает ряд показателей для анализа. Максимальный балл, который можно набрать по одному показателю — 100. Хорошим считается результат от 80 баллов.

Сервис считает показатели, в числе которых:

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

PageSpeed Insights помогает рассчитать время для полной подготовки к взаимодействию с пользователем.

Консоль разработчика Google Chrome

Проверить скорость загрузки сайта можно также при помощи браузера Google Chrome и консоли отладчика. Для того чтобы выполнить проверку, зайдите на интересующий вас сайт и нажмите клавишу F12. После этого откроется окно разработчика – перейдите на вкладку “Network” и обновите страницу с помощью нажатия клавиши F5. По мере загрузки страницы можно будет увидеть перечень прогружаемых файлов (изображений, скриптов и т.п.), а также количество времени, которое потребовалось на загрузку того или иного элемента.

Анализ скорости сайта с помощью консоли разработчика Google Chrome

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

Apache

Модуль для apache называется mod_pagespeed и может распространяться как пакет.

Установка

Установка модуля немного различается для различных систем. Рассмотрим 2 варианта.

CentOS

Устанавливаем пакеты at и wget:

yum install at wget

Затем необходимо скачать установочный пакет:

wget https://dl-ssl.google.com/dl/linux/direct/mod-pagespeed-stable_current_x86_64.rpm

* в данном примере мы загрузим пакет для 64-битной системы. Для 32-х нужно использовать ссылку https://dl-ssl.google.com/dl/linux/direct/mod-pagespeed-stable_current_i386.rpm.

После можно ставить сам модуль:

rpm -Uvh mod-pagespeed-*.rpm

Перезапускаем Apache:

systemctl restart httpd

Ubuntu

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

wget https://dl-ssl.google.com/dl/linux/direct/mod-pagespeed-stable_current_amd64.deb

Устанавливаем скачанный пакет командой:

dpkg -i mod-pagespeed-*.deb

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

systemctl restart apache2

Настройка

а) если используем CentOS:

vi /etc/httpd/conf.d/pagespeed.conf

б) если используем Ubuntu:

vi /etc/apache2/mods-enabled/pagespeed.conf

Данный файл хорошо документирован комментариями. Приведем некоторые примеры для настроек.

1. Для отключения модуля находим:

ModPagespeed on

и меняем на:

ModPagespeed off

2. Для указания конкретного каталога хранения кэша меняем опцию для:

ModPagespeedFileCachePath         «/var/cache/mod_pagespeed/»

3. Путь хранения логов:

ModPagespeedLogDir       «/var/log/pagespeed»

Для применения настроек не забываем перезапустить apache:

systemctl restart {apache2,httpd}

* данная команда отработает как на CentOS, так и Ubuntu.

Доступ к веб-интерфесу

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

vi /etc/httpd/conf.d/pagespeed.conf

Находим настройку:

<Location /pagespeed_admin>
    Order allow,deny
    Allow from localhost
    Allow from 127.0.0.1
    SetHandler pagespeed_admin
</Location>

И добавляем в нее доступ (Allow from …) — в итоге мы получим, примерно, следующее:

<Location /pagespeed_admin>
    Order allow,deny
    Allow from localhost
    Allow from 127.0.0.1
    Allow from 192.168.1.5
    Allow from 192.168.0.0/24
    SetHandler pagespeed_admin
</Location>

* в данном примере мы добавили разрешение использовать веб-интерфейс для узла 192.168.1.5 и всей подсети 192.168.0.0/24.

Перезапускаем сервис:

systemctl restart {apache2,httpd}

Открываем веб-интерфейс по адресу http://<IP-адрес сервера>/pagespeed_admin — мы должны увидеть страницу Pagespeed Admin.

Способы проверки скорости интернета на смартфоне

Существует 3 основных способа измерения качества подключения:

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

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

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

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

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

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

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

1. найти в интерфейсе устройства раздел «настройки»;
2. переключиться на вкладку с системными данными;
3. найти подраздел «настройка уведомлений»;
4. запустить процесс тестирования, кликнув соответствующую строку;
5. подождать результат.

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

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

1. открыть понравившийся портал;
2. запустить тестирование, кликнув соответствующую кнопку;
3. подождать некоторое время (от нескольких секунд до минуты).

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

• наш сервис;
• интернетометр от Яндекса;
• speedtest.net;
• 2ip.ru.

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

Использование приложений

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

• internet speed test;
• simple speed test;
• internet speed meter lite.

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

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

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

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

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

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

Отчет «Предложения по увеличению скорости загрузки сайта»

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

1. Выберите Поведение > Скорость загрузки сайта > Ускорение загрузки, затем нажмите в столбце Предложения PageSpeed на ссылку для страницы, которую нужно оптимизировать. Откроется страница Page Speed Insights.
2. Нажимайте на ссылки на панели навигации слева, чтобы прочитать советы по увеличению скорости загрузки сайта страницы. Вы узнаете, почему вам была дана та или иная рекомендация и как применить ее на практике.

Часто веб-страницы содержат динамический контент, который обновляется при каждой загрузке (например, объявления). Поэтому время загрузки страницы и предложения, которые вы видите в Google Аналитике, могут немного отличаться от представленных в отчете PageSpeed.

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

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

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

Как регулярно мониторить скорость сайта

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

Если вы собираете данные в Google BigQuery с помощью

OWOX BI Pipeline

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

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

1. Количество пользователей.
2. Количество сеансов.
3. Количество просмотров страниц.
4. Ошибки JavaScript.
5. Ошибки 404.
6. Среднее время загрузки страниц.
7. Среднее время соединения с сервером.

На втором листе можно узнать подробную информацию по ошибкам JavaScript:

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

На третьей странице представлена подробная информация об ошибках 404:

• Общее количество ошибок.
• Количество ошибок на страницу.
• Количество сессий с ошибками.
• Количество пользователей, у которых возникли ошибки.
• А также рефералы, после которых возникли ошибки.

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

На четвертой странице информация по десктопу:

На пятой странице данные по планшетам и мобильным устройствам:

Теперь вы знаете, как заставить свой сайт «летать» 🙂 Если у вас остались вопросы или вы знаете другие способы уменьшить время загрузки страниц, пишите их в комментариях.

Как ускорить загрузку страниц

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

3. Много запросов от браузера

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

• Удалить лишние изображения, JS-файлы, коды сторонних сервисов.

4. Перегруженный код JavaScript и CSS

Если код JavaScript и CSS слишком длинный, содержит много лишних элементов (пробелы, комментарии и т.п.), то страница может загружаться с задержками. Чтобы оптимизировать код, вы можете:

• Разместите CSS-файлы в самом начале страницы — так она будет отображаться постепенно, по компонентам.
• Вынесите JS-файлы в конец страницы. Благодаря этому браузер будет сначала загружать контент страницы, а и уже потом скрипты.

6. Медленный хостинг

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

Как измерить скорость интернета

Чтобы бесплатно измерить скорость интернет-соединения и узнать реальное качество трафика, нужно:

1. посетить наш портал SPEEDTEST;
2. нажать кнопку, предлагающую начать тестирование;
3. подождать, пока программа проведёт вычисления;
4. посмотреть результаты.

Чтобы итоги оказались максимально точными, рекомендуется:

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

Данные полученные от сервиса

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

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

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

Нормальные значение входящей и исходящей скорости пинга

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

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

Также стоит знать, что:

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