Полезное и интересное » 8 лучших инструментов для проверки скорости загрузки сайта

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

Короткий перечень сервисов без подробностей:

• Google PageSpeed Insights
• Pingdom Tools
• Gtmetrix.com
• Uptrends.com
• PR-CY
• Web Page Test
• Sitespeed
• Load Impact

Дальше — разбираем особенности каждого из этих инструментов.

1. Google PageSpeed Insights

Google PageSpeed Insights — официальный инструмент от Гугл для проверки скорости загрузки сайта. Один из самых используемых среди веб-мастеров и SEO-оптимизаторов.

В 2018 году этот сервис глобально обновился. Новый интерфейс выглядит так:

Google PageSpeed Insights

Возможности и функции сервиса также изменились.

 

•  Повысились планки метрик: быстрой веб-площадкой теперь может считаться та, которая получает показатель от 90 до 100 баллов. Раньше для максимальной оценки достаточно было 80. Итоговое количество баллов складывается из оценок скорости работы веб-портала. Скорость здесь — свойство многослойное, и потому она анализируется по нескольким временным характеристикам.

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

• Новый раздел «Имитация загрузки страницы»: сервис имитирует загрузку страницы в условиях 3G и оценивает ряд параметров.
  Эти параметры принципиально меняют оценку сайта:
  • время загрузки первого контента — когда браузер начал отображать первый элемент на странице;
  • индекс скорости загрузки — время, по истечении которого весь контент страницы становится доступен для просмотра;
  • время загрузки для взаимодействия — за какое время страница полностью прогружается для взаимодействия пользователя;
  • время загрузки достаточной части контента — когда становится виден основное содержимое сайта;
  • время окончания работы ЦП (центрального процессора) — показатель серверных настроек: время, за которое основной поток страницы разгружен, чтобы обрабатывать пользовательские команды ручного ввода;
  • максимальная потенциальная задержка FID — период в миллисекундах, который занимает ответ страницы на действия пользователя.
• Разделы «Оптимизация» и «Диагностика»: перечень работ, которые сервис предлагает провести на сайте, чтобы улучшить показатели.

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

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

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

2. Pingdom Tools

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

Сервис оценивает скорость загрузки в миллисекундах и дает общие рекомендации.

С помощью Pingdom можно анализировать время работы веб-ресурса, производительность и взаимодействие с пользователями.

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

Проверять ресурс можно, имитируя обращения к серверу из разных стран (Япония, Германия, Великобритания, США, Австралия и Бразилия).

3. Gtmetrix.com

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

Тестовый запрос производится из канадского Ванкувера.

Фишки сервиса: хранит историю (можно сравнить, что стало лучше или хуже) и включает в себя анализ Google PageSpeed Insights и YSlow. Предлагает соответствующие рекомендации по разным типам ошибок (редиректы, оптимизация изображений, использование JavaScript и HTML и другие).

Есть платная версия с бо́льшим количеством функций и расширений.

4. Uptrends.com

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

• Так же, как и Gtmetrix, показывает в том числе оценку от Google PageSpeed Insights
• Анализирует содержимое веб-ресурса и отображает сведения в виде графиков и таблиц

5. PR-CY

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

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

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

6. Web Page Test

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

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

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

7. Sitespeed

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

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

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

8. Load Impact

Завершает хит-парад хардкорный Load Impact — один из самых требовательных сервисов проверки скорости загрузки веб-ресурса. Тест этого сервиса по сути проводится по принципу DDOS-атаки. На сайт производится симуляция больше сотни активных соединений и несколько десятков обращений от пользователей.

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

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

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

• Ирена Александровна Коршакова
• 8 апреля 2021

Теги: оптимизация, сайт

Ускорение сайта на Drupal: доработка фронтенда и бэкенда, автоматическая проверка скорости загрузки страниц

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

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

Что такое фронтенд и бэкенд

Фронтенд — то, что отображается пользователю на сайте, весь интерфейс: меню, картинки и разделы с помощью css и html.

Фронтенд — то, как отображается.

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

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

Для качественного отображения страниц важно, чтоб быстро работало всё: и генерация на сервере, и отображение страницы в браузере. 

Бэкенд — то, что отображается.

Как выглядят проблемы с фронтендом и бэкендом

Как понять, есть ли на вашем сайте подобные проблемы?

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

Как выглядят проблемы с бэкендом: пользователь открывает страницу → смотрит на белый экран 3-5 и более секунд, пока страница формируется на сервере. 

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

Самый популярный инструмент для измерения скорости страниц — PageSpeed Insights . Вы просто вставляете адрес сайта в строку для ввода и сервис выдаёт вам статистику скорости для мобильных устройств и десктопа.

Начинать беспокоиться стоит, когда показатели сайта находятся не в зелёной зоне.

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

Google замеряет разные показатели. Мы писали об этом здесь.

Как можно ускорить сайт?

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

Вот какой алгоритм действий у нас на этот случай.

Сначала мы находим, с какой конкретно стороны проблема — фронтенда, бэкенда, либо проседают все части сайта. Исходя их этого, мы либо прокачиваем всё вместе, либо проводим точечную работу:

На бэкэнде:

• оптимизируем сервер, ускоряем его ответ: время от запроса клиента до формирования страницы должно быть минимальным;
• настраиваем кэширование: заранее формируем страницы, сохраняем их в память и «прогреваем» ночью. Утром, когда на сайт придут посетители, условные карточки товаров не будут собираться на ходу, а выведутся пользователю в готовом виде;
• настраиваем автоматический прогрев кэша: для быстрой отдачи страниц на постоянной основе мы рассчитываем объём памяти, оптимизируем сервер и запускаем процесс прогрева на определённое время, чтобы в этот момент как можно меньше пользователей попали на сайт.

На фронтенде:

• «срезаем углы» — делаем всё быстрое и простое: сжимаем и убираем лишние скрипты, делаем асинхронную загрузку, чтобы сначала грузилась страница, а потом подгружались вспомогательные скрипты;
• внедряем новые технологии: добавляем на сервер новые форматы сжатия контента, внедряем новые протоколы, например, http2;
• следуем рекомендациям Google: оптимизируем вёрстку и css по рекомендациям PageSpeed Insights. Сервис указывает, какие конкретно улучшения по фронтенду можно сделать. Они передаются на поддержку в виде конкретных задач.

Наши кейсы: сайты клиентов с лучшими показателями PageSpeed

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

Важно отметить: не все клиенты гонятся за высокими показателями PageSpeed. Многим достаточно находится в диапазоне 70-89 и для их бизнеса этого достаточно. Мы расскажем только о двух клиентах, с которыми целенаправленно работали над фронтендом и бэкендом для достижения высоких «зелёных» показателей.

proektus.com

Этот сайт мы разрабатывали в 2020 году. На тот момент показатели были 99-100%. На момент написания статьи прошло 2 года, с проектом мы уже не работаем, но PageSpeed до сих пор довольно высокий — 99 десктопная и 94 мобильная.

 

 

scamatic.ru

Этот сайт также разрабатывала наша команда. Как мы уже говорили, нам гораздо проще работать с ускорением страниц на таких проектах. Мы изначально закладываем грамотную архитектуру, в которой можем быть уверены на 100%, поэтому улучшать страницы намного проще. За время работы мы много чего оптимизировали: настраивали кэширование, меняли встроенные видео для мобильных устройств на показ по клику, настраивали сжатие картинок и т. д. Как итог — показатели 96 на десктопной версии и 94 на мобильной.

Мониторинг и обновление показателей PageSpeed

Достичь высоких показателей PageSpeed — не единоразовая задача. Страницы постоянно меняются, на сайт могут добавить контент без должной оптимизации: разработчики внесли правки, SEO-специалисты добавили блокирующие загрузку скрипты, контент-менеджер залил «тяжёлую» картинку и т.д. Как итог — страницы деградировали и грузятся хуже. Помимо самого сайта, изменения могут произойти в технологиях/стандартах/форматах работы со сжатием контента браузеров. Интернет всё время развивается и то, что раньше загружалось моментально, через пару месяцев может растерять высокие показатели оптимизации.

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

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

Развивайте сайт без потери скорости

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

Любой web-проект — это не сделать и забыть. Это постоянный процесс улучшения, наблюдения, анализа и ещё раз улучшения. И если мы просто пилим страницы без оглядки на то, какими и как быстро их увидит клиент, мы полируем корпус машины, у которой отказывает двигатель.

За доработкой фронтенда и бэкенда, а также за внедрением мониторинга показателей PageSpeed на свой сайт, обращайтесь к нам.

Как проверить скорость вашего веб-сайта

Исследование, проведенное Google, показало, что показатель отказов веб-сайта увеличивается на целых 31% при времени загрузки от одной до трех секунд.

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

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

Понимание скорости страницы: как загружаются веб-сайты

Интернет очень сложен.

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

Клиенты <> Серверы

• Клиенты : Веб-устройство, которое отправляет запрос через Интернет на сервер для отображения веб-страницы. Примеры клиентов включают компьютерные устройства, подключенные к WiFi, мобильные устройства, подключенные к тарифным планам, и браузеры, используемые для выполнения этой функции.
• Серверы : Компьютер, который хранит веб-адреса и пытается обрабатывать запросы, чтобы клиенты могли просматривать веб-страницу. Серверы также могут называться DNS (система доменных имен), в которой размещены все адреса, доступные в Интернете.

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

Как всем известно, первым шагом к загрузке веб-страницы является ввод URL-адреса. Этот URL-адрес отправляет запрос в DNS, который извлекает уникальный IP-адрес и обрабатывает запрос на сервере веб-приложения.

После обработки запроса браузер пользователя отправит ответ в формате HTML, чтобы начать обработку объектной модели документа (DOM). Время получения этой информации известно как время до первого байта (TTFB) — жизненно важный показатель загрузки страницы.

Как только браузер обработает ответ HTML, он сопоставит объектную модель DOM и CSS для выполнения JavaScript.

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

Затем необходимо сделать еще один запрос между браузером и сервером (увеличение времени загрузки).

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

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

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

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

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

Скриншот с сайта developer.google.com, март 2023 г.

Достичь этого эталона возможно, но сложно.

Итак, почему Google рекомендует, чтобы страницы загружались как минимум на одну секунду вверху страницы?

Важность скорости веб-сайта

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

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

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

• Пользовательский опыт: Пользователи ожидают быстрой загрузки страниц на мобильных и настольных устройствах. Чем медленнее ваша страница, тем больше времени требуется до первого взаимодействия и тем выше показатель отказов. Это не только влияет на ключевые пользовательские показатели, но также может снизить коэффициент конверсии и повлиять на доход вашего веб-сайта.
• Алгоритмы Google: Исследования показывают, что Google придает большое значение скорости страницы в своих алгоритмах ранжирования, особенно на мобильных устройствах. Насколько это повлияет на ранжирование, неизвестно, но Google заявил, что отдает приоритет таким факторам, как Core Web Vitals (показатели, перечисленные ниже).
• Функциональность и обработка: Скорость страницы — еще один важный компонент функциональности веб-сайта, который может препятствовать основным процессам, таким как загрузка корзины покупок или сообщений в блогах, что приводит к высоким показателям отказов.
• Авторитет и доверие: Быстро загружающийся веб-сайт сообщает об определенном уровне доверия и авторитета, в то время как наличие медленно загружаемого веб-сайта может означать, что ваш веб-сайт плохо построен или даже содержит спам.

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

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

Что следует учитывать при выполнении теста веб-страницы

Не каждый тест скорости страницы или инструмент дают одинаковые результаты.

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

Кэширование

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

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

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

Местоположение

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

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

Запуск нескольких тестов

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

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

Метрики

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

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

Время загрузки страницы

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

Google Analytics предоставляет отчет о времени загрузки страницы для каждого из ваших URL-адресов и даже в разных браузерах.

Скриншот из Google Analytics, март 2023 г.

Время до первого байта (TTFB)

Измеряет время, необходимое браузерам для получения HTML-запроса с сервера.

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

Количество HTTP-запросов

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

Core Web Vitals

Снимок экрана из PageSpeed ​​Insights, март 2023 г.

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

Поле Против. Лабораторные данные

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

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

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

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

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

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

Лучшие инструменты для проверки скорости веб-сайта

Google PageSpeed ​​Insights

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

Снимок экрана из PageSpeed ​​Insights, март 2023 г.

Эти предложения повысят показатели скорости вашей страницы и повысят рейтинг ваших ключевых слов.

Этот инструмент также предоставляет показатели Core Web Vitals, время до интерактивности и общий индекс скорости.

PageSpeed ​​Insights использует Lighthouse, который предоставляет лабораторные данные для оценки загрузки страниц на стандартном устройстве с хорошим WiFi-соединением.

PageSpeed ​​Insights — полезный первый шаг для выявления поверхностных проблем, которые можно легко решить.

GTMetrix

GTMetrix — отличный инструмент для аудита скорости страниц веб-сайта, который предоставляет лабораторные данные, аналогичные Google Lighthouse, с еще более совершенными инструментами визуализации.

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

Скриншот из GTMetrix, март 2023 г.

Скриншот из GTMetrix, март 2023 г.

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

Скриншот из GTMetrix, март 2023 г.

Pingdom

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

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

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

WebPageTest

С моей точки зрения, WebPageTest — лучший бесплатный инструмент для проверки скорости, о котором вы когда-либо слышали.

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

Некоторые из его наиболее примечательных особенностей:

• Водопад.
• Видео загрузки вашей страницы.
• Показатели производительности.
• просмотров трассировки.
• Несколько тестов одновременно.

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

Снимок экрана из WebPageTest, март 2023 г.

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

Google Search Console

Я настоятельно рекомендую вам получить доступ к отчету о скорости в Google Search Console для более детального изучения скорости отдельных страниц.

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

Скриншот с сайта developer.google.com, март 2023 г.

Используйте Search Console для отслеживания прогресса или изменений на вашем сайте. Конечно, вы также можете найти много тех же данных в Google Analytics.

New Relic

New Relic предлагает сложные инструменты для отслеживания скорости загрузки страниц с течением времени, отладки кода и даже очистки плагинов для повышения скорости сайта.

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

Советы по повышению скорости веб-сайта

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

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

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

Для WordPress доступны десятки плагинов, в том числе такие популярные, как Optimole и WP Rocket, которые включают плагин Imagify.

Кэширование

Кэширование — еще один простой способ быстро повысить скорость веб-сайта для постоянных клиентов.

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

Плагины, такие как WP Rocket и WP Super Cache, позволяют кэшировать и могут значительно улучшить ваш пользовательский опыт.

Отложенная загрузка

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

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

Оптимизируйте расположение сервера/CDN

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

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

Минимизация ресурсов

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

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

Уменьшите количество подключаемых модулей и ненужного кода

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

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

Заключение

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

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

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

• GTmetrix: как использовать инструмент для проверки скорости
• Core Web Vitals: 3 основных показателя Google для оценки пользовательского опыта
• Core Web Vitals: полное руководство

---

Рекомендуемое изображение: Каспарс Гринвальдс/Shutterstock

Категория SEO

Как проверить скорость сайта в WordPress за 2 минуты или меньше

Вы владелец сайта WordPress и ищете лучший способ проверить скорость сайта?

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

В этой статье мы покажем вам, как быстро и легко проверить скорость сайта в WordPress.

Зачем проверять скорость сайта WordPress?

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

MonsterInsights — лучший плагин WordPress Analytics. Получите это бесплатно!

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

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

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

Как проверить скорость веб-сайта в WordPress

Самый простой способ узнать, быстро или медленно загружается ваш сайт WordPress, — это использовать MonsterInsights.

Это лучший плагин Google Analytics для WordPress, который помогает измерять скорость вашего сайта. Самое приятное то, что вам не нужно покидать свой сайт, чтобы проверить время загрузки. Плагин предоставляет данные из инструмента Google PageSpeed ​​Insights внутри вашей панели управления WordPress.

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

Чтобы узнать, насколько быстр ваш веб-сайт, выполните следующие действия.

Шаг 1. Установите MonsterInsights

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

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

После этого перейдите в панель администрирования WordPress и перейдите к Плагины » Добавить новый » Загрузить плагин . Здесь загрузите загруженный установочный файл для MonsterInsights.

Теперь установите и активируйте плагин.

Шаг 2: Добавьте Google Analytics в WordPress

На следующем шаге вам нужно будет подключить Google Analytics к вашему веб-сайту с помощью MonsterInsights.

Используя MonsterInsights, вам не нужно нанимать разработчика или редактировать код самостоятельно. Плагин упрощает добавление кода отслеживания Google Analytics на ваш сайт.

Для получения более подробной информации ознакомьтесь с нашим руководством о том, как добавить Google Analytics на свой веб-сайт WordPress.

Шаг 3. Просмотр отчета о скорости сайта MonsterInsights

Теперь, когда Google Analytics запущен и работает, вы можете проверить скорость своего сайта с помощью отчета о скорости сайта.

Для просмотра отчета перейдите на Insights » Отчеты и перейдите на вкладку Site Speed ​​.

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

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

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

Давайте подробно рассмотрим, как вы можете использовать эти показатели.

Как использовать отчет о скорости сайта MonsterInsights

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

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

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

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

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

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

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

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

Первая отрисовка с содержанием

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

Инструмент проверки скорости Google использует другие действующие веб-сайты в качестве эталона для измерения вашей оценки First Contentful Paint. Вы должны стремиться к тому, чтобы первая содержательная отрисовка не превышала 1,5 секунды или меньше.

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

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

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

Время до взаимодействия

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

Допустим, у вас есть слайдер изображений в вашем сообщении в блоге. Time to Interactive будет измерять время, необходимое для переключения между одним изображением и другим — в основном до тех пор, пока оно не перестанет загружаться.

Хороший показатель времени до интерактивности составляет 5 секунд или менее. Вы можете сократить время загрузки и улучшить показатель Time to Interactive с помощью плагина кэширования для WordPress.

Общее время блокировки

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

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