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

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

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

0. Самостоятельная проверка в браузере

Когда я писал эту статью, я не знал, что проверить скорость сайта можно прямо в браузере, это отличный способ. Проверял в Google Chrome. Нажмите F12 — Network — F5, внизу будут показаны количество запросов, вес всех данных, время загрузки с учетом дозагрузок, время загрузки и время загрузки DOM, нас интересуют два последних показателя — load — время полной загрузки без учета всяких ajax дозагрузок и DomContentLoded — время загрузки DOM (скелета сайта).

1. pr-cy.ru/speed_test

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

Домен	Размер	Время	Скорость
ihakimov.ru	36.4 Кб	0.81 сек	44.96 Кб/сек
ihakimov.ru/sdl	33.2 Кб	0.73 сек	45.54 Кб/сек
ihakimov.ru/site	34.8 Кб	0.74 сек	47.08 Кб/сек

2. sitespeed.ru

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

Тест длится дольше и для подробного отчета после анализа нужно ввести Email, на него придет PDF-файл с отчетом, это создает определенную трудность, но ради продвинутого анализа можно поработать. Без указания Email можно узнать время загрузки, время генерации и размер файлов, получить оценку настройки и наполнения сайта, получить короткие советы. Если запросить отчет на Email, то приходит подробный отчет о том, в каком порядке грузятся файлы и сколько времени на них тратится. Для проверки следующей страницы нужно перейти на главную страницу. Сервис показал, что на моем сервере не включено кэширование и слишком много JS и CSS файлов, это проблема WordPress, будем с ней бороться.

*Проверка производится через браузер IE 8, нужно это учитывать, если ваш сайт отдает дополнительные файлы для Internet Explorer.

Домен	Размер	Время	Время генерации
ihakimov.ru	295 Кб	3,54 сек	565 м/с
ihakimov. ru/sdl	294 Кб	3,44 сек	476 м/с
ihakimov.ru/site	217 Кб	3,06 сек	444 м/с

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

3. developers.google.com/speed/pagespeed/insights

Продвинутый инструмент от Google, показывает скорость загрузки с мобильных устройств и с компьютера, меня больше интересует второе. Не показывает время загрузки страницы или ее размер, а только дает общую оценку в процентах. Но кроме этого дает список рекомендаций с ссылками на инструменты. Для первых двух страниц сервис показал оценку 78 из 100, для третей — 88 из 100.

4. fpt.pingdom.com

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

Домен	Оценка	Запросов	Время	Размер
ihakimov.ru	78	35	2,99 с	224 кб
ihakimov.ru/sdl	70	66	3,41 с	255 кб
ihakimov.ru	65	40	2,40 с	144 кб

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

1. Включение кэширования (например, плагином для WordPress WPSuperCashe).
2. Отключение ненужных скриптов, нужные передвинуть ниже в коде, чтобы они не тормозили загрузку основного содержимого. Но некоторые скрипты должны грузится выше на странице, если наблюдаются проблемы, то нужно просто вернуть их на место.
3. Объединить CSS-файлы в один. В WordPress из-за плагинов и некоторых тем грузится несколько CSS, это не правильно, сайт будет работать, если все они будут в одном файле.

4. Отключить ненужные плагины.

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

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

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

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

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

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

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

Подпункт «Время загрузки страниц в 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 года. Люблю чтобы все было четко.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Google PageSpeed Insights

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

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

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

WebPagetest

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

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

Sitespeed.ru

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

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

Web Page Analyzer

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

mobiReady

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

GTMetrix

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

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

Whichloadsfaster

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

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

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

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

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

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

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

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

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

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

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

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

Файлы CSS и JS 

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

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

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

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

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

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

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

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

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

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

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

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

Заключение

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

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

7 факторов, влияющих на скорость сайта

Как скорость сайта помогает удержать клиентов? Что мешает регулярным покупкам? Узнайте о 7 решениях для ускорения вашего сайта.

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

• По данным компании Akamai, промедление открытия сайта даже на 0.1 секунду снижает конверсию на 7%.

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

Узнать о показателе скорости загрузки страниц сайта можно на панели администрирования сайта или с помощью Google PageSpeed Insights.

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

Для просмотра показателя скорости сайта, например, на 1С-Битрикс перейдите в Настройки → Производительность → Скорость сайта. Параметр учитывает последнюю 1 000 посетителей и показывает, насколько быстро загрузился сайт для них.

Показатель скорости загрузки сайта в Google PageSpeed Insights

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

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

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

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

• Что влияет на скорость загрузки страниц
  
• 1. Страницы большого размера
• 2. Высококачественные изображения
  
• 3. Видео на сайте
  
• 4. Большое количество запросов от браузера
  
• 5. Перегруженный код сайта
  
• 6. Большое количество плагинов
  
• 7. Медленный хостинг
  
• Итоги

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

1. Страницы большого размера

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

Решение: Использовать алгоритм сжатия данных.

Gzip — это простой метод компрессии файлов сайта. Сейчас его используют 81% сайтов в сети. С помощью Gzip файлы сжимаются в архив, который браузер может загрузить быстрее, а затем распаковать и отобразить контент. По умолчанию на нашем хостинге используется gzip-сжатие. Технология уменьшает объем страниц без ухудшения их качества на 50-75%.

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

Проверить подключение технологии Gzip можно на Gidnetwork. Введите адрес сайта и нажмите кнопку «Check».

Важно: вводите URL-адрес вашего сайта полностью.

Если в строке «Web page compressed?» стоит «No», то технология Gzip не активна. Подключить ее помогут администраторы сервера, на котором расположен ваш сайт.

Мы реализовали возможность использования нового алгоритма Brotli. Он позволяет сжать данные без потерь и делает это эффективнее gzip на 20%, по данным Akamai.

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

2. Высококачественные изображения

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

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

Решение:

1. Сжатие изображений с помощью уменьшения разрешения на 30-50% в редакторе или с использованием специальных сервисов: Optimizilla, Compress JPEG, TinyPNG и других.

2. Удаление ненужных элементов на странице.

3. Конвертация файлов PNG в JPEG. Картинки JPEG весят в 5 раз меньше, не уступая в качестве.

4. Настройка конвертации изображений в формат WebP. Это формат изображений от Google, с ним сжатие происходит на 30% эффективнее, чем через JPEG без потери качества. С помощью настройки WebP вы повысите оценку скорости загрузки у поисковых систем и улучшите показатели ранжирования.

3. Видео на сайте

Проблема: Публикация видеороликов на сайте через протокол передачи файлов FTP или панель управления. Это кратно увеличивает загрузку страниц из-за большого размера файла.

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

4. Большое количество запросов от браузера

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

Решение:

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

2. Объединить несколько небольших элементов — например, иконки или кнопки, — в один CSS-спрайт с помощью генераторов Inettools, Dan’s Tools, CSS Sprites generator и др.

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

5. Перегруженный код сайта

Проблема: Возникает при наличии большого кода JavaScript, CSS и ненужных элементов — пробелов, комментариев.

Решение:

1. Сократить название функций и почистить код с помощью специальных сервисов: Minifier, Willpeavy, CSS Compressor и др.

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

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

6. Большое количество плагинов

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

Решение:

1. Откажитесь от использования ненужных плагинов.

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

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

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

Проверьте показатели скорости загрузки сайта в отчете Google Analytics «Поведение» (1) → «Скорость загрузки сайта» (2) → «Обзор» (3).

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

Скорость сайта влияет на конверсию онлайн-проекта и репутацию бренда. Проверить ее показатель можно на панели 1С-Битрикс, в Google PageSpeed Insights или на схожих платформах.

Рекомендуем снизить скорость загрузки сайта с помощью:

• уменьшения размера HTML-страниц,

• оптимизации изображений и баннеров,

• публикации видеороликов путем вставки кода,

• уменьшения количества элементов на странице,

• минимизации кода,

• удаления ненужных плагинов,

• обновления тарифа хостинга.

Используйте на практике и достигайте высокой скорости для онлайн-проектов!

Не пропустите новые материалы и обновления — подпишитесь на нас в любимой соцсети: Telegram или ВКонтакте.

Медленно загружается сайт? Cоветы по улучшению скорости

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

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

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

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

Сейчас существует много сервисов для проверки скорости сайтов, но мы выделили три особенно рекомендуемых для этих целей:

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

• Google Pagespeed Insights. Удобный и бесплатный сервис от Google. Протестирует скорость загрузки страницы, предоставит рекомендации по улучшению работы сайта.

• Pingdom Tools. Наиболее подходит для сайтов с международным трафиком. Предоставляет точные информативные отчеты. Два варианта проверки: бесплатный и платный с расширенными возможностями.

Измерить и оценить скорость загрузки сайта можно в секундах:

• 7 секунд и более – низкая;
• от 3 до 6 – средняя;
• от 1 до 3 – выше средней;
• 1 секунда и менее – очень быстро.

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

Изображения и картинки

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

Отключить скрипты

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

Использовать кэш и CDN

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

Упростить дизайн сайта

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

Оптимизация кодов

Сайт состоит из многих элементов, включающих в том числе файлы, скрипты, верстку. Сокращение их объема положительно влияет на скорость загрузки. Объединение файлов в один, удаление пробелов в кодах помогает облегчить работу и загрузку сайта. Все эти действия не обязательно делать вручную. Сейчас существуют специальные плагины для этих целей. Если ваш сайт создан на платформе WordPress, то вам в помощь WP Super Minify, Autoptimize.

Оптимизация базы данных

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

Проверка хостинга

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

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

Вывод

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

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

В интернете существует множество различных сервисов, которые позволяют измерять скорость загрузки веб-сайтов. Но на что влияет эта скорость? И какое значение для бизнеса имеет то, что один ресурс грузится 2 секунды, а другой ― 5 секунд? Давайте разберемся!

Если говорить о целевых посетителях сайта, то согласно исследованиям, 50% из них закроют страницу, которая не успела загрузиться в первые 3 секунды. А 88% из этой половины уже никогда не вернутся на площадку, которая заставила их слишком долго ждать.

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

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

Откройте страницу сервиса, введите ссылку на свой ресурс, выберите тип проверки:

• Для компьютера.

• Для телефона.

Затем нажмите на кнопку «Анализировать».

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

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

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

Чтобы начать измерение, укажите адрес сайта в специальной строке и кликните по кнопке «Анализировать».

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

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

Гадать, что именно нуждается в оптимизации, не нужно. Достаточно пролистать страницу с результатами проверки вниз до раздела «Предложения по оптимизации». Здесь нажимаем по надписям: «Как исправить?». Вам покажутся конкретные советы, что нужно делать и для каких страниц или элементов на веб-ресурсе. Постарайтесь выполнить все рекомендации, чтобы ускорить загрузку сайта.

Данный инструмент проверяет скорость загрузки сайта из разных точек планеты. Задействуются хостинговые сервера, которые располагаются в США, России, Канаде, Украине, Германии, Нидерландах и Франции.

Чтобы начать проверку, введите адрес своего сайта в поле и нажмите на кнопку «Отправить».

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

Красным помечаются плохие результаты проверки, зеленым — лучшие. Как видите, скорость загрузки сайта 1C-UMI в России самая быстрая. Попробуйте проверить свой сайт!

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

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

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

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

Введите в поле URL адрес своего сайта, выберите из списка напротив нужную страну и город, затем кликните по кнопке «START TEST».

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

Ниже будут подробные данные по каждому из пунктов. Вы можете поделиться результатом со своим оптимизатором по электронной почте при помощи кнопки «SHARE RESULT», выбрав затем пункт «EMAIL».

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

Чтобы запустить проверку, введите адрес ресурса в поле и нажмите на кнопку «Analyze». Спустя пару минут вы увидите результаты.

Проверка осуществляется с сервера Канады с использованием Google Chrome.

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

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

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

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

Топ-5 инструментов мониторинга веб-сайтов

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

Как работает мониторинг веб-сайтов?

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

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

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

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

• Google PageSpeed ​​Insights (PSI)
• GTmetrix
• WebPageTest (WPT)
• Dotcom-Monitor
• SolarWinds Pingdom

1. Google PageSpeed ​​Insights (PSI)

Инструмент PageSpeed ​​Insights (PSI) предоставляет данные о производительности в режиме реального времени на мобильной странице независимо от ее происхождения для веб-сайта. или настольные устройства. Он включает данные из отчета об опыте использования Chrome (CrUX), чтобы предоставить показатели взаимодействия с пользователем на основе реальных пользователей Chrome. Вам просто нужно вставить URL-адрес веб-сайта, и инструмент создаст общую оценку скорости. Инструмент классифицирует веб-сайт как быстрый, медленный или средний в зависимости от его скорости. Кроме того, он предоставляет показатель оптимизации, оценивающий, насколько хорошо веб-страница соответствует рекомендациям по производительности.

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

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

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

2. GTmetrix

GTmetrix — один из самых популярных инструментов для анализа показателей скорости сайта. Инструмент использует PageSpeed ​​Insights и YSlow для получения оценок производительности и подробного отчета о текущем состоянии вашего веб-сайта. GTmetrix чрезвычайно прост в использовании, и ему требуется только URL-адрес веб-сайта, который вы хотите протестировать. Вы также можете изменить параметры конфигурации теста, в том числе следующие:

• 30 тестовых серверов, разбросанных по шести регионам
• Тестирование производительности сайта в определенных браузерах, таких как Firefox и Chrome
• Тестирование производительности сайта при различных подключениях (от нерегулируемого подключения до коммутируемого соединения 56k)

3.

WebPageTest (WPT)

WebPageTest — это бесплатный инструмент с открытым исходным кодом, используемый для измерения времени загрузки страницы. Инструмент фиксирует и отображает полезные показатели в виде таблиц и диаграмм сразу после загрузки страницы. Эти метрики помогают выявлять задержки и лазейки в производительности. WebPageTest также позволяет вам контролировать различные аспекты анализа, такие как браузер (Chrome или Firefox), платформа (мобильная или настольная) и географическое положение. Инструмент предлагает расширенную функцию настройки, позволяющую запускать несколько тестов, устанавливать скорость соединения, выбирать однократный или повторный просмотр и записывать видео теста. Результаты теста в WebPageTest включают время загрузки, время до первого байта, индекс скорости, элементы DOM, время начала рендеринга, время завершения документа и время полной загрузки. Одной из самых удивительных функций WPT является функция создания отчетов в виде водопада, которая показывает подробную сетевую активность с течением времени.

4. Dotcom-Monitor

Dotcom-Monitor дает вам представление о производительности приложений и состоянии вашего веб-сайта. Он позволяет отслеживать серверы (HTTP/S, электронная почта, DNS, VoIP/SIP), веб-приложения (Flash, Ajax, HTML5 SOAP), доступность и производительность сети (SNMP, UDP, DNS, ping), а также скорость загрузки страниц веб-сайта с Глобальная сеть мониторинга. Инструмент предлагает некоторые уникальные функции, включая данные в реальном времени и исторические данные, настраиваемые оповещения и отчеты, а также тестирование производительности. Вы можете выбрать браузер из параметров браузера, чтобы контролировать скорость вашей веб-страницы из 25 мест. В отличие от других инструментов тестирования скорости, Dotcom-Monitor позволяет одновременно запускать географические тесты. Однако вы по-прежнему можете просматривать отчеты и каскадные диаграммы по отдельности. Окончательный отчет о результатах работы вашего веб-сайта разделен на пять разделов: хост, ошибки, каскадные диаграммы, сводка и производительность.

5. SolarWinds Pingdom

Вы также можете воспользоваться бесплатной программой тестирования скорости веб-сайта SolarWinds ^® Pingdom ^® . Pingdom — это мощное решение для мониторинга веб-сайтов, которое поможет вам проанализировать каждый элемент вашей веб-страницы. Pingdom помогает понять узкие места в скорости загрузки страниц, такие как плохие сценарии, большие медиафайлы и запросы к серверной базе данных, которые необходимо оптимизировать. Инструмент также предоставляет информацию о количестве запросов на домен, типе контента, анализе размера и размере на домен (это сравнивает ваш домен с размером активов CDN). Инструмент Pingdom Website Speed ​​Test позволяет отслеживать производительность вашего сайта на более чем 100 серверах по всему миру.

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

Мониторинг времени безотказной работы

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

Предупреждение

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

Real User Monitoring (RUM)

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

Мониторинг транзакций

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

Какой выбрать?

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

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

8262 122

SEO	-15 мин. Читать

CEED

Conrad Caban

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

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

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

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

Чуть позже мы обсудим лучшие инструменты.

Содержание

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

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

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

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

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

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

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

Подробнее

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

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

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

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

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

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

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

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

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

Подробнее

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

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

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

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

Google PageSpeed ​​Insights

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

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

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

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

Google Mobile Speed ​​Test

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

Web.dev

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

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

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

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

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

• SEO.

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

WebPageTest

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

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

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

GTmetrix

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

KeyCDN Speed ​​Test

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

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

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

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

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

GiftOfSpeed ​​

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

Dareboost

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

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

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

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

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

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

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

Узнайте, как получить максимальную отдачу от Serpstat

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

Отправьте запрос и наш специалист свяжется с вами 😉

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

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

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

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

SEO +2

Stacy Mine

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

SEO

Автор

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

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

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

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

Поделитесь этой статьей с друзьями

Вы уверены?

Спасибо, мы сохранили ваши новые настройки рассылки.

Сообщить об ошибке

Отменить

Как измерить скорость вашего сайта (и метрики, которые действительно имеют значение)

Как измерить скорость вашего сайта (и метрики, которые действительно имеют значение)

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

Вызов всех элементов веб-страницы

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

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

Самая важная мера: Нарисованная страница с содержанием

Начнем с общего понимания того, когда загружается страница. Большинство согласится, это когда страницу можно прочитать и на нее можно кликнуть. Это известно как самая большая содержательная отрисовка, когда пользователям виден самый большой контент на странице.
 
Это точка, в которой пользователь веб-сайта будет воспринимать страницу как загруженную (по сравнению с первой содержательной отрисовкой, где отображаются только первые элементы). Рекомендуется, чтобы самая большая содержательная отрисовка происходила в течение 2,5 секунд после загрузки страницы, чтобы обеспечить хорошее взаимодействие с пользователем.
 
Производительность веб-страницы часто измеряется временем, которое требуется для отображения самой большой нарисованной страницы. Именно в этот момент ваши клиенты поймут, что страница загружена.
 
Как вы измеряете самую большую отрисовку контента и общую скорость вашего веб-сайта? Мы представим три инструмента, с которых нам нравится начинать на каждом веб-сайте.
 
Имейте в виду, что вы смотрите на производительность ВАШЕГО личного/делового сетевого подключения при загрузке страницы — она не будет точно соответствовать среднему общедоступному опыту.

1. Инструменты разработчика Google Chrome

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

1. Откройте Инструменты разработчика Google Chrome. Вы можете открыть встроенные инструменты разработчика в Chrome, удерживая нажатыми клавиши Option+Command+i или щелкнув правой кнопкой мыши страницу и выбрав «Проверить».
2. После открытия выберите вкладку сети, и вы сможете наблюдать за загрузкой всех элементов страницы. Примечание. Вам следует очищать кеш браузера или использовать режим инкогнито между каждой загрузкой страницы. Часть работы браузера заключается в кэшировании ресурсов страницы для повышения производительности.

Ниже приведен пример загрузки элементов домашней страницы Bear Group.

Анализируя это, вы можете увидеть:

• Количество запросов: Для создания этой страницы требуется 140 запросов/ответов от сервера.
• Время ответа сервера: Это скорость сервера для основного документа HTML, содержащего большую часть страницы. Это 308 мс. Эта страница содержит множество ссылок на другие активы, которые необходимо загружать по порядку.
• Вес страницы: Эта отдельная страница содержит 5,3 МБ активов/ресурсов.
• Нарисованная страница: «DOMContentLoaded» или синяя линия — это место, где страница нарисована и в основном пригодна для использования. Это происходит за 558 мс для нашей домашней страницы.
• Полностью отрисованная страница: Многие элементы могут (и должны) загружаться после того, как начальная страница отрисована. Порядок загрузки очень важен, так как он влияет на воспринимаемую производительность и является одним из имеющихся у вас рычагов. Наша страница полностью загружается примерно за 8,25 секунды, есть аналитика, наш инструмент онлайн-чата Drift, HotJar, различные маркетинговые инструменты, которые загружаются после синей строки.

Профессиональный совет: Добавление фильтра: -domain:*. .com в окно инструментов разработчика отобразит загружаемые внешние по отношению к домену ресурсы. Это важно, потому что выделяет зависимости, которые есть на вашей странице. Как правило, это аналитические файлы javascript, инструменты маркетинговых технологий, пользовательские шрифты и другие сервисы (часто добавляемые через Диспетчер тегов Google), которые значительно увеличивают нагрузку на вашу страницу и зависят от времени загрузки.

На домашней странице Bear Group на них приходится 109 из 140 запросов и 3,3 МБ из 5,3 МБ активов! Таким образом, 75% элементов на странице принадлежат этим внешним поставщикам, и большинство из них не нужны специально для отображения нашего сайта. К счастью, большинство этих элементов загружаются ПОСЛЕ нарисованной страницы, поэтому они не оказывают большого влияния на воспринимаемую производительность.

2. Lighthouse GTmetrix

Существует ряд внешних служб, которые оценивают и оценивают эффективность вашей страницы. За прошедшие годы мы использовали множество различных версий, но в настоящее время нам нравится отчетность Lighthouse GTmetrix. Вы просто вводите свой URL-адрес на их сайте, и он проанализирует производительность и предоставит отчет.
 
Они берут вид водопада, который мы рассмотрели выше, и представляют его в очень хорошем отчете. В этом отчете есть пункты, требующие действий (хотя это и готовые ответы), такие как добавление сжатия JS/CSS, уменьшение размеров изображений, внедрение CDN — все это дает быстрый выигрыш в скорости страницы.

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

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

 

3. Google Analytics 

В Google Analytics > Поведение > Скорость сайта также есть анализ скорости страницы. Это интересный набор измерений скорости страницы, и он отличается от двух предыдущих, потому что он представляет данные о скорости сайта от пользователей, которые были на вашем сайте.
 
Хотя это может показаться святым Граалем показателей скорости, это не дает много полезной информации. Кроме того, немного сложно понять, на что вы смотрите, поскольку иногда цифры выглядят шокирующе ужасными. Это отчет, по поводу которого у нас было больше всего вопросов от маркетинговых команд, поскольку иногда кажется, что сайт работает очень медленно.
 
Исходное представление (пример ниже с сайта beargroup.com) показывает «среднее» по всем страницам сайта и показывает время полной загрузки, а не только первую содержательную отрисовку.

Pro-Tip: Вы должны отфильтровать определенную страницу и выбрать «DOM Interactive» (имеется в виду, когда страница загружена достаточно для использования) и отфильтровать трафик, чтобы просто просмотреть США (и, в идеале, ваш Google Analytics уже исключает бот и внутриофисный трафик).

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

Подробнее в серии:

• Медленный сайт? 6 наиболее распространенных факторов, влияющих на скорость веб-сайта
• Core Web Vitals и влияние производительности веб-сайта на SEO
• Влияние дизайна веб-сайта на производительность: как оптимизация изображений может помочь
• Как добавление маркетинговых технологий повлияет на производительность веб-сайта
• Как скорость сервера и сети может повлиять на производительность веб-сайта
• Что такое кэширование веб-сайтов и почему оно важно для маркетологов?
• Представьте результаты вашего веб-сайта с помощью этого полезного шаблона отчета об оптимизации

---

Мы здесь, чтобы помочь вам полюбить ваш сайт ! Не забудьте подписаться ниже, чтобы получать последние новости из серии «Улучшение производительности веб-сайта».

Как проверить скорость сайта • Yoast

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

Единой метрики не существует

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

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

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

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

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

Понимание процесса загрузки

С момента, когда вы щелкаете ссылку (или нажимаете «Ввод» в адресной строке), начинается процесс загрузки запрошенной вами страницы.

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

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

1. Сетевое оборудование

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

Трудно измерить или повлиять на эту часть процесса!

2. Материал сервера

Здесь ваше устройство запрашивает у сервера страницу, сервер подготавливает и возвращает ответ.

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

NewRelic

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

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

Плагин Query Monitor для WordPress

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

3. Материалы для браузера

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

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

• WebPageTest отлично подходит для предоставления «водопадного» представления веб-сайта и загрузки всех ресурсов.
• Google PageSpeed ​​Insights немного упрощен, но он предоставляет «реальные пользовательские показатели» вашего веб-сайта прямо из Google.
• Lighthouse для Chrome предоставляет невероятно сложный анализ производительности и поведения сайта, но его трудно переварить!
• Консоль разработчика Chrome показывает, что именно происходит при загрузке вашего сайта на вашем компьютере в вашем браузере.
• Отчет о скорости в Google Search Console показывает, насколько быстро или медленно загружаются ваши страницы в любой момент времени.

Результаты WebPageTest для yoast.com

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

Универсальные показатели

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

• Время до первого байта , то есть сколько времени требуется, пока сервер не ответит некоторой информацией. Даже если ваш внешний интерфейс работает быстро, это задержит вас. Измеряйте с помощью Query Monitor или NewRelic.
• Время до первого содержательного (и значимого) рисования , то есть время, необходимое для появления на экране ключевого визуального содержимого (например, основного изображения или заголовка страницы). Измеряйте с помощью Lighthouse для Chrome.
• Время до интерактивности , сколько времени требуется, чтобы опыт стал видимым, и реагируют на мой ввод. Измеряйте с помощью Lighthouse для Chrome.

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

Отчет Lighthouse для yoast.com, показывающий ключевые показатели

Подробнее об этих показателях можно прочитать в документации Google.

Включите это в процесс

1. Используйте инструмент «снаружи внутрь», например WebPageTest , чтобы создать каскадную диаграмму загрузки веб-сайта.
2. Определите узкие места с помощью серверов  и серверной части .  Ищите медленное время соединения, медленное рукопожатие SSL и медленный поиск DNS. Используйте подключаемый модуль, например Query Monitor, или службу, например NewRelic, чтобы диагностировать, что мешает работе. Внесите изменения в сервер, оборудование, программное обеспечение и сценарии.
3. Выявление узких мест с помощью внешнего интерфейса . Обратите внимание на медленное время загрузки и обработки изображений, скриптов и таблиц стилей. Используйте такой инструмент, как Google PageSpeed ​​Insights или Lighthouse для Chrome , чтобы получить предложения по оптимизации загрузки страницы.
4. Используйте Lighthouse для Chrome для измерения ключевых показателей , таких как   время до первого значимого  покраски и  время до интерактивного .

Мы ничего не пропустили? Дайте нам знать об этом в комментариях!

Подробнее: Повышение скорости сайта: Инструменты и предложения »

Джоно Алдерсон

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

Далее!

• Событие

  WordCamp Нидерланды 2022

  15 — 16 сентября 2022 г. Team Yoast примет участие в WordCamp Nederland 2022. Щелкните здесь, чтобы узнать, кто будет там, чего ожидать и многое другое! Узнайте, где вы можете найти нас дальше »
• SEO-вебинар

  Новостной вебинар Yoast SEO — 27 сентября 2022 г.

  27 сентября 2022 г. Наш глава SEO, Джоно Алдерсон, будет держать вас в курсе всего, что происходит в мире SEO и WordPress. Все вебинары Yoast SEO »

Тест скорости веб-сайта: проверьте производительность вашего веб-сайта

Тест скорости веб-сайта: проверьте производительность вашего веб-сайта Инструмент

Site Speed ​​Test — это инструмент, который позволяет пользователям бесплатно и самым надежным способом проверить скорость сайта. Вы можете легко проанализировать скорость загрузки своей страницы с помощью нашего инструмента Site Speed ​​Test. Таким образом, вы можете увеличить скорость своего сайта, просмотреть статистику своей страницы, увидеть свои ошибки и найти решения для их исправления. Пользоваться нашим инструментом очень просто. Он не имеет сложной структуры, как тест скорости Google.

Как выполнить тест скорости веб-сайта?

Измерить скорость вашего сайта на Dopinger довольно просто. Вы можете выполнить тест скорости сайта всего за несколько шагов. Вот они:

• Войдите в автомобиль через Dopinger.
• Введите URL-адрес сайта, скорость которого вы хотите проверить, в поле под текстом URL-адреса.
• Нажмите кнопку «Управление», и вы увидите результаты.
• Вы можете проанализировать улучшения, которые необходимо внести, в разделе «Ошибки, которые необходимо исправить».

Значения от 90 до 100 указывают на хорошую работу веб-сайта. 50-89 указывает среднюю скорость загрузки. Если вы находитесь в этом диапазоне, скорость вашего сайта идеальна. Если он находится в диапазоне от 0 до 49, вам необходимо повысить производительность сайта.

Каковы преимущества теста скорости сайта Dopinger?

Для пользователей очень важно, чтобы ваш сайт работал быстро с хорошей производительностью. Высокая скорость соединения вашего сайта удерживает пользователя на сайте. Большинство владельцев сайтов и SEO-специалистов проводят SEO-тестирование страниц, наблюдая за скоростью открытия сайта, техническими показателями и моментами, требующими улучшения. Такие инструменты сайта помогают улучшить ваш сайт. Некоторые из преимуществ Site Speed ​​Test Tool:

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

Позвольте SEO привести вас к вашим целям!

Мы поможем вам достичь ваших целей с помощью работы, которую мы выполним для ваших веб-сайтов! Ознакомьтесь с нашими пакетами SEO прямо сейчас; давайте проанализируем ваши сайты и начнем расти!

Пакеты SEO

Мгновенная проверка скорости вашего сайта

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

SEO-инструменты Dopinger 

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

Инструмент SEO Checker

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

Инструмент анализа сайта

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

Анализатор конкурентов

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

Инструмент отслеживания позиций

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

Rank Checker Tool

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

Средство проверки дублирующегося контента

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

Проверка совместимости с мобильными устройствами

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

Проверка структурированных данных

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

Часто задаваемые вопросы о тесте скорости веб-сайта.

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

Какова идеальная скорость сайта?

Идеальная скорость сайта составляет от 85 до 89.

Как повысить скорость работы моего сайта?

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

Является ли эта проверка сайта на скорость сайта платной услугой?

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

Почему мой сайт открывается медленно?

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

Безопасно ли использовать этот инструмент проверки скорости веб-сайта?

Безопасно использовать все инструменты на Dopinger.com.

Должен ли я предоставлять личную информацию при использовании этого инструмента?

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

Трудно ли использовать этот инструмент проверки веб-сайтов?

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

Подходит ли этот инструмент для мобильных устройств?

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

Как проверить время отклика браузера?

Вы можете просмотреть его из командной строки с помощью команды ping. Введите ping и добавьте IP-адрес вашего сайта. Нажмите Enter и посмотрите результаты.

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

Способ измерения скорости вашего сайта вы найдете в разделе «Как выполнить тест скорости сайта».

Вы знаете, что такое хорошая скорость сайта?

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

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

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

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

Итак, мы знаем, что медленный веб-сайт представляет огромную проблему, но насколько быстрым должен быть ваш веб-сайт, чтобы соответствовать ожиданиям пользователей? Чтобы ответить на этот вопрос, нам сначала нужно узнать, каковы на самом деле ожидания потребителей: согласно данным Shopify, 47 % потребителей ожидают, что страница загрузится в течение 2 секунд, а 40 % посетителей начнут покидать страницу после ожидания более 3 секунды. Более половины всех пользователей мобильных устройств ожидают, что веб-сайты будут загружаться на их мобильные устройства так же быстро, как и на их компьютеры.

Как измерить скорость и удобство веб-сайта

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

Меняющийся ландшафт для измерения скорости веб-сайта

Раньше, когда смартфоны не были основным продуктом повседневной жизни (вспомните до 2009 года, когда вышел iPhone 3GS), измерение скорости и производительности веб-сайта было очень простым и немного наивным с точки зрения измерения.

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

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

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

1. Визуальный контент

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

2. Интерактивность

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

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

Шкала оценки Google Lighthouse

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

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

Итак, что такое хорошая скорость сайта и к чему мне стремиться?

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

Используя шкалу Google от 0 до 100 и ключевые показатели, упомянутые ранее, также становится возможным предоставить агрегированное представление. Согласно собственной документации Google, оценка по их шкале от 0 до 50 считается плохой, от 51 до 9.0 считается хорошим, а 90+ считается отличным. После того, как вы решите несложные задачи и наберете легкие баллы по этой шкале, ознакомьтесь с нашими советами о том, как еще больше увеличить скорость вашего сайта и удобство для пользователей.

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