Время загрузки страниц — Метрика. Справка

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

Посмотреть отчет: Отчеты → Мониторинг → Время загрузки страниц.

Пример отчета можно увидеть на демосчетчике Яндекс Метрики.

Узнать среднее время загрузки сайта

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



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

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

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

  2. Выберите условие Просмотр URL и в строке укажите адрес страницы.

Чтобы увидеть динамику загрузки страницы, выберите диаграмму «Линии».



Проверить скорость загрузки Турбо-страниц сайта

Если на обычную версию и его Турбо-страницы установлен один счетчик Метрики, нужно выделить сегмент:

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

  2. Выберите условие Турбо.



Определить скорость загрузки сайта в разных регионах мира

Для этого используйте переключатель стран и показатели отчета, например Время до загрузки DOM.

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

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

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

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

  • DNS (обработка запросов к DNS) — время, потраченное на отработку запросов к DNS-серверу при загрузке страницы. Учитываются только значения с ненулевым временем.

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

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

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

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

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

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

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

    На этот параметр влияет размер и сложность (количество и вложенность тегов) HTML-страницы.

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

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

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

О том, как настроить отчет, смотрите в разделе Настройки отчета.

 Написать в чат

Обратите внимание: служба поддержки не обзванивает пользователей. Не следуйте указаниям людей, которые вам звонят и представляются службой поддержки Яндекс Метрики.

Как узнать скорость загрузки сайта: анализ, оценка, оптимизация

16. 06.2017  Обзор сервисов и приложенийНет комментариев

(2 оценок, среднее: 5,00 из 5)

Загрузка…

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

Содержание:

  • Google Analytics
  • PageSpeed Insights
  • Консоль разработчика Google Chrome
  • GTmetrix
  • WebPage Analyzer
  • Pingdom
  • WebPagetest
  • Load Impact
  • WhichLoadFaster
  • Monitis Tools
  • PR-CY
  • Seo28
  • Выводы

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

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

Google Analytics

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

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

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

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

Интерфейс Google Analytics

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

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

  1. Жмем по ссылке «Скорость загрузки сайта».

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

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

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

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

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

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

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

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

PageSpeed Insights

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

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

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

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

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

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

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

Проверить реакцию любой интернет-страницы можно, перейдя по ссылке www.developers.google.com/speed/pagespeed/insights/. В строку поиска вставляем интересующий URL и жмем «Анализировать».

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

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

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

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

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

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

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

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

GTmetrix

С помощью зарубежного сайта GTmetrix можно проанализировать скорость страниц через Google PageSpeed и YSlow. Для проверки используется единый сервер, расположенный в Ванкувере. Эксплуатация ресурса аналогична: вставляем адрес и жмем «Analyze».

Интерфейс сервиса GTmetrix

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

Результаты проверки сайта посредством GTmetrix

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

Для продвинутых пользователей пригодится вкладка «Waterfall», на которой отображаются все файлы, найденные на странице и скорость их загрузки. Интерфейс вкладки весьма похож на интерфейс консоли разработчика в Google Chrome или инструмент Firebug Net Panel для Mozilla Firefox.

Кнопка «Download PDF» скачает на ПК отчет по сайту в формате PDF. Результаты тестирования можно сохранить, что дает возможность сравнить их с итогами тестов после внедрения исправлений.

WebPage Analyzer

Процесс проверки с помощью WebPage Analyzer является практически аналогичным предыдущим онлайн-сервисам — вставляем URL-адрес веб-ресурса и жмем кнопку «Отправить»:

Интерфейс онлайн-сервиса WebPage Analyzer

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

Статистика сайта по WebPage Analyzer

Исходя из этого скрипт предоставляет объекты страницы и их параметры, а также содержит поле комментариев:

Объекты проверяемой страницы — WebPage Analyzer

После данной таблицы находятся подробные характеристики и рекомендации по исправлению ошибок:

Рекомендации по оптимизации файлов страницы WebPage Analyzer

Pingdom

Предлагает простой тест скорости загрузки страницы с возможностью изменения места расположения сервера (Австралия, США, Швеция).

Открываем адрес https://tools.pingdom.com/, вставляем ссылку на интересующий сайт, определяемся с сервером и кликаем «Start test».

Интерфейс онлайн-сервиса Pingdom

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

Показатели скорости загрузки сайта — Pingdom

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

Перечень объектов страницы и время их загрузки — Pingdom

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

WebPagetest

Данный онлайн-инструмент позволяет проводить простые и расширенные тесты с указанием массы параметров:

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

Что же необходимо, чтобы проверить скорость ответа сайта?

  1. Для быстрой проверки кликаем по ссылке http://www.webpagetest.org и активируем вкладку «Simple Testing».
  2. Вставляем адрес ресурса в текстовую форму, указываем скорость соединения (мобильный интернет, 3G, высокоскоростное подключение) и жмем «Start test».

Интерфейс онлайн-инструмента WebPagetest

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

Результаты проверки сайта с помощью WebPagetest

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

Load Impact

Тест Load Impact длится гораздо дольше остальных, но надежность результатов тестирования сложно поставить под сомнение. Сервис проводит серию легких DDOS-атак, симулируя посещение страницы десятками активных юзеров и парой сотен соединений. Проверка происходит на протяжении нескольких минут, а результатом теста является график зависимости количества активных пользователей от скорости ответа сервера.

Вставляем адрес ресурса и кликаем «Run free test»:

Load Impact — интерфейс сервиса

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

Результирующий график проверки нагрузки на сайт

WhichLoadFaster

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

Проверка сайтов через сервис WhichLoadFaster

После вставки ссылок на интересующие ресурсы и щелчка по пиктограмме «GO» начнется загрузка сайтов, а результаты проверки будут в реальном времени визуализироваться на экране, разделенном надвое:

Сравнение сайтов с помощью WhichLoadFaster

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

Анализ каждого из двух сайтов отдельно — WhichLoadFaster

Monitis Tools

Анализирует посещение URL с серверов, расположенных по всему земному шару, показывая информацию о каждом соединении. Алгоритм проверки выглядит аналогично другим похожим сервисам — необходимо просто вставить URL и нажать кнопку “Start test”:

Интерфейс инструмента Monitis Tools

Это один из немногих сервисов, разгружающих себя от роботов благодаря использованию сервиса капчи для запуска теста. По окончанию проверки на экране отобразится отчет, где красным цветом на временной линии отображаются файлы, отрицательно влияющие на показатель скорости загрузки сайта. Испытать сервис можно по ссылке: http://www.monitis.com/pageload/.

Результаты проверки сайта через Monitis Tools

Проверка осуществляется с помощью трех различных местоположений серверов — США (United States), Европа (Europe), Азия (Asia/Pacific).

PR-CY

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

Вставляем ссылку в форму по URL http://pr-cy.ru/speed_test/ и кликаем «Анализировать».

Анализ веб-сайта с помощью PR-CY

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

Перечень ошибок и рекомендации по исправлению — PR-CY

Seo28

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

Проверка сайта посредством онлайн-инструмента Seo28

Также сервис предлагает постоянную ссылку на результаты проверки скорости ресурса.

Выводы

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

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

Автор статьи:

Олег Скрып

Руководитель компании ApollonGuru, ментор SEO-материалов vc.ru. В интернет-маркетинге с 2012 года. Люблю чтобы все было четко.

Будем признательны за каждый лайк:

Время загрузки веб-сайта: 13 отличных инструментов

Общие советы по достижению успеха / Преобразование и оптимизация / Генерация идей / Инструменты и технологии

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

Пройдите тест Google PageSpeed. Как долго это займет? (Прокрутите вниз до раздела «Лабораторные данные» и посмотрите на числа для индекса скорости.)

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

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

Сайт, загрузка которого на мобильных устройствах занимает более 3 секунд, может потерять половину посетителей. @Google #research Click To Tweet

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

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

ПОДБРАННОЕ СООТВЕТСТВУЮЩЕЕ СОДЕРЖИМОЕ:

  • 4 шага, чтобы ускорить ваш сайт и выглядеть лучше в Google
  • Время загрузки страницы: виноват ли рейтинг SEO?

 

1. Pingdom

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

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

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

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

ПОДБРАННОЕ СООТВЕТСТВУЮЩЕЕ СОДЕРЖИМОЕ: Советы и инструменты для обеспечения того, чтобы скорость не убивала ваш сайт

2.

Google PageSpeed ​​

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

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

3. Тест сжатия URL

Я не говорю здесь о bit.ly или Tiny URL. Тест сжатия URL — это инструмент, который определяет, отправляет ли ваш сервер сжатые данные. Он проверяет сжатие с помощью mod_gzip или mod_deflate и любых других серверных языков, которые могут сжимать данные.

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

4. Google Cache Checker

Один из способов узнать, индексирует ли Google ваш веб-сайт, — запустить его через Cache Checker. Он сообщит вам, знает ли Google о существовании вашего веб-сайта, добавил ли он ваш сайт в свой индекс и, в конечном счете, включил ли он этот сайт в результаты поиска.

Этот важный инструмент тестирования веб-сайтов может помочь вам улучшить SEO, особенно когда вы меняете доменное имя или хостинг. Знание того, был ли ваш сайт проиндексирован, имеет решающее значение для переноса. Как известно веб-разработчикам и SEO-менеджерам, обновление вашего DNS занимает от 24 до 72 часов. В этот период любой пользователь будет перенаправлен на наиболее похожий веб-сайт, кэшированный в базе данных Google. (И если вашего сайта нет в кеше, он не будет обслуживаться во время перебоев.)

Если вашего сайта нет в кеше, он не будет обслуживаться во время сбоев, говорит @AbyLeague. Нажмите, чтобы твитнуть

ПОДБРАННЫЙ СООТВЕТСТВУЮЩИЙ КОНТЕНТ:

  • Как оптимизировать ваш веб-сайт для аудиопоиска
  • Объединение двух блогов: стратегии успешного содержания

 

5. Dotcom-Monitor

Различные браузеры и разные местоположения дают разные результаты с точки зрения скорости загрузки страницы. И это даже не учитывает скорость интернета в этом районе и на устройстве. Это множество сценариев для тестирования. К счастью, есть веб-сайт, который позволяет вам проверить скорость страницы в 25 местах одновременно, называется Dotcom-Monitor (платные версии).

Получите общее представление: @Dotcom_Monitor тестирует время загрузки сайта в 25 местах, говорит @AbyLeague. #tools Click To Tweet

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

6. YSlow

YSlow, пожалуй, лучший инструмент для анализа скорости страницы на рынке. Это проект с открытым исходным кодом, в котором используются правила для высокопроизводительных веб-сайтов, установленные Yahoo! Он просматривает DOM (объектная модель документа, интерфейс прикладного программирования HTML), чтобы найти его компоненты, извлекает информацию о каждом элементе и использует ее для оценки каждого правила. 9@AbyLeague говорит, что 0003

[email protected], пожалуй, лучший инструмент для анализа скорости страницы на рынке. Click To Tweet

YSlow также предлагает сводку страницы с аналитикой, предложениями по улучшению и другими инструментами для анализа производительности. Он доступен для популярных веб-браузеров, таких как Chrome, Firefox, Safari и Opera. Он также доступен в виде расширения в Google Chrome.

7. Крошечный PNG

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

Многие инструменты для обработки изображений могут уменьшить размер файла изображения без потери качества. Одним из примеров является Tiny PNG. Согласно его веб-сайту, «он использует интеллектуальные методы сжатия с потерями для уменьшения размера файла». Это означает, что он выборочно и эффективно уменьшает количество цветов, чтобы сжать необходимые данные. Эффект незаметен обычному глазу, но сжатое изображение будет загружаться быстрее, что поможет привлечь потенциальных посетителей.

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

ПОДБРАННЫЙ СООТВЕТСТВУЮЩИЙ КОНТЕНТ:

  • Поисковая оптимизация и оптимизация изображения веб-сайта Контрольный список из 10 пунктов для маркетологов
  • Когда не стоит СПРАВЛЯТЬСЯ с веб-изображениями [видео]

 

8. GTmetrix

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

9. IcoMoon

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

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

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

10. Chrome DevTools

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

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

11. Yellow Lab Tools

Если вы хотите увидеть оценку вашего веб-сайта, а также возможные проблемы с HTML, CSS и JavaScript на различных платформах, запустите свой URL-адрес с помощью Yellow Lab Tools. Проект с открытым исходным кодом может имитировать платформы настольных компьютеров, планшетов и мобильных телефонов для создания отчетов о производительности и выявления проблем с качеством интерфейса.

12. Google Speed ​​Scorecard

Да, это еще один тест скорости загрузки веб-сайта, проводимый Google, но есть одно большое отличие. Карта Google Speed ​​​​Scorecard позволяет увидеть, насколько сильно скорость вашего сайта может повлиять на ваш доход. Заполнив поля в оценщике, вы сразу увидите, насколько увеличится ваш доход в зависимости от времени загрузки.

13. Google Lighthouse

Google Lighthouse — это также автоматизированный инструмент, используемый для наблюдения за производительностью веб-сайта. Однако Lighthouse запускается в DevTools Google Chrome. Это упрощает и ускоряет проверку показателей производительности веб-сайта, тестирование улучшений и внесение изменений, поскольку все это можно увидеть на одной вкладке.

Увеличьте скорость

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

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

ПОДБРАННОЕ СООТВЕТСТВУЮЩЕЕ СОДЕРЖИМОЕ:

  • Стоит ли беспокоиться о поисковой оптимизации и индексе Google Mobile-First?
  • Дизайн для лучшей аналитики: 5 решений, которые веб-дизайнеры не могут принять

 

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

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

Изображение на обложке Джозефа Калиновски/Content Marketing Institute

7 Инструменты точного тестирования скорости веб-сайта (мобильный сайт и сайт для ПК)

7 апреля 2016 г. 28 мая 2020 г. / Автор Суровый Агравал / 5 минут чтения

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

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

Верно?

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

Понятно, это серьезно!

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

Однако, если вы пропустили их, вот пара статей, которые помогут вам начать работу:

  • Как ускорить WordPress (руководство по настройке производительности)

CDN, например MAXCDN или BunnyCDN. Это еще больше сократит время загрузки вашего веб-сайта.

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

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

Содержание страницы

2 сайта для тестирования производительности и времени загрузки мобильного сайта

1. GTMetrix Mobile Test

GTMetrix предлагает тестирование загрузки мобильного сайта на устройствах Android.

Чтобы попробовать это, вам нужно создать бесплатную учетную запись на их сайте, а на панели инструментов вы можете выбрать вариант «Chrome, (Android, Galaxy Nexus)», который проверит время загрузки вашего Android.

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

Если на данный момент у вас нет адаптивного или мобильного дизайна, вам следует хотя бы проверить время загрузки вашего сайта на низкой скорости (скорость 3G или 2G). Когда я проверил свой настольный сайт в 3G, загрузка заняла почти 14 секунд.

Проверить GTMetrix

2. Google PageSpeed ​​Insights: (для мобильных устройств)

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

Используя Google PageSpeed ​​Insight, вы также будете получать предложения по повышению скорости вашего мобильного сайта. Он покажет важные вещи, вещи, требующие внимания, и вещи, которые совершенны. Я понял несколько проблем с моим мобильным сайтом после использования этого.

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

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

Check out Google PageSpeed ​​Insights

5 Free Tools To Check Website Speed ​​

  1. Google Page Speed ​​Insights tool
  2. WebpageTest.Org
  3. Sucuri Load Time Tester
  4. GTMetrix
  5. Pingdom

Let us take a detailed look на все инструменты, упомянутые выше.

1. Инструмент Google Page Speed ​​Insights (Desktop)

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

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

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

Проверить скорость веб-сайта сейчас

2. WebpageTest.Org

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

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

3. GTMetrix

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

Вот отчет о производительности ShoutMeLoud, и вы можете увидеть множество предложений. Здесь GTMetrix показывает, что ShoutMeLoud загружается 9,26 секунды, что является самоубийством.

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

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

4. Tools.Pingdom

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

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

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

Проверьте Pingdom здесь.

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

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

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

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

Также читайте:

  • Имеет ли значение время загрузки сайта для SEO?

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