Как проверить скорость загрузки сайта – популярные сервисы

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

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

Содержание:

1. Скорость загрузки на PageSpeed Insights
2. Проверка скорости на Site Speed
3. Сервис Pingdom Website Speed Test
4. Заключение по вопросу скорости загрузки

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

Как проверить скорость загрузки на PageSpeed Insights

Это сервис от Google и здесь все просто. Предоставляется поле, в которое можно ввести адрес любого сайта, например, Yandex.ru, и нажимаем Анализировать.

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

Наблюдаем, что по 100-бальной шкале Яндекс соответствует пограничному значению нижней шкале оценок от 0 до 49. Если мы посмотрим мобильную версию, то здесь будет всего лишь 43.

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

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

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

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

Далее идет рекомендация по удалению неиспользуемого кода JavaScript – 0,79 с. Затем идет пункт серьезного влияния стороннего кода на скорость загрузки, который блокирует основной поток.

Рекомендуется минимизировать работу в основном потоке и сократить время выполнения кода JavaScript.

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

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

Сервис Site Speed

Следующий ресурс – Site Speed. Проверка скорости делается аналогично. Вводим адрес сайта и нажимаем Старт. Через некоторое время выдается результат.

Как видим, общее время загрузки – 2,57 секунд, время генерации страницы – 0,42 мс, общий размер файлов – 872,15 кб. Здесь тоже есть над чем работать.

Pingdom Website Speed Test

Еще один сайт, на котором можно проверить скорость загрузки – Pingdom Website Speed Test. Здесь также достаточно вставить ссылку в поле проверки и нажать кнопку Начать тест.

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

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

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

Заключение по вопросу как проверить скорость загрузки сайта

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

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

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

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

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

Ускорение загрузки сайта по Google Pagespeed

Преимущества сотрудничества с ABC Digital

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

Используем инструмент Google PageSpeed Insights для анализа эффективности ускорения сайта, исправляем ошибки по рекомендации этого веб-сервиса

Работаем как с клиентской, так и с серверной оптимизацией

Наш штат разработчиков состоит из квалифицированных бэкенд и фронтенд программистов, соответственно мы работаем над оптимизацией и серверных, и клиентских скриптов

Проверка скорости с 3G интернетом через мобильные устройстваx

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

dev

Работаем с 1С Битрикс и MODX

Ускорение работы сайта

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

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

Digital-агентство «АБВ сайт» выполняет оптимизацию скорости загрузки сайта. Мы найдем причину проблемы и быстро устраним ее.

Что замедляет ваш сайт

• Ошибка в верстке сайта

  Верстка сайта выполнена с большой вложенностью, изображения не оптимизированы, скрипты не объеденены в один файл

• Ошибки программирования на CMS

  Бэкенд-разработчик неправильно использует компоненты движка, пишет лишний код, использует большое количество запросов к БД

• Ошибка кеширования сайта

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

• Неправильно настроен или подобран хостинг

  Наши истемные администраторы помогут с выбором подходящего хостинга, а также проведут все необходимые настройки

Как мы ускоряем загрузку сайтов

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

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

Изменение хостинга. Подбирается вариант точно под нужды конкретного ресурса.

Оптимизация БД. Уменьшается количество поступающих к ней запросов.

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

Оформите заказ на ускорение сайта от «АБВ сайт»

Чтобы заказать услугу ускорения сайта, оставьте заявку на сайте или звоните по телефону 8 (495) 125-08-61

Оставить заявку

Схема работы

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

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

Проведем все необходимые работы для ускорения вашего сайта до зеленой зона Google Pagespeed. Проведем тестирование на всех страницах

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

Перенесём все исправления в скриптах на ваш боевой сайт, при этом время сбоев в работе вашего проекта будем минимальным, около 30 минут

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

Наши позиции в рейтингах за 2022 год

Создание интернет-магазинов в России

Рейтинг Рунета

Создание и продвижение сайтов в России

Рейтинг Рунета

Разработка сайтов на MODX

Рейтинг Рунета

Создание интернет-магазинов на 1С Битрикс

Рейтинг Рунета

Создание сайтов в Рязани

Рейтинг Рунета

Продвижение сайтов в Рязани

CMS magazine

видеоотзывы

Маша и Медведь

Краснощеков Михаил

Galactic Group

Оксана Сугробова

CartecoPack

Владимир Лукин

RumpHardware

Роман Тремпольцев

Mirdopov. ru

Темников Дмитрий

Consult Group

Стрельников Артем

Как запустить тест скорости страницы Google — Blue Wolf Digital

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

Что такое скорость страницы?

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

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

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

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

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

Согласно исследованию Kissmetrics, если загрузка страницы занимает более 3 секунд, более 25% пользователей уходят с нее. По сути, если у вас нет быстрого веб-сайта, это резко повредит вашему показателю отказов.

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

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

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

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

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

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

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

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

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

Google PageSpeed ​​Insights

Это инструмент, который нужен каждому веб-разработчику. С помощью Google PageSpeed ​​Insights вы можете эффективно тестировать скорость веб-страницы. Он даже измеряет производительность страницы как для мобильных устройств, так и для настольных устройств.

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

Вы также научитесь анализировать метрики, связанные со скоростью вашей страницы, также известные как Core Web Vitals:

• First Contentful Paint (FCP): Этот показатель относится к первому биту времени загрузки страницы. Метрика представляет собой первую обратную связь с пользователем, которая загрузилась надлежащим образом.

• Задержка первого ввода (FID): этот показатель измеряет интерактивность страницы; FIP представляет собой время с момента, когда пользователь впервые взаимодействует с вашим сайтом, до момента, когда браузер может соответствующим образом отреагировать на это взаимодействие.

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

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

Оценка Google PageSpeed ​​Insights варьируется от 0 до 100 баллов. Очевидно, что если вы наберете 100%, ваш сайт будет на 9 баллов.0061 быстро . Поэтому всегда стремитесь к более высокому баллу, поскольку это указывает на то, что страница работает хорошо.

Как улучшить скорость вашей страницы Google

Чтобы получить высокий балл в Google PageSpeed ​​Insights, вы можете рассмотреть несколько моментов:

1. Ограничить перенаправление страницы

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

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

2. Сжатие элементов страницы

Вы хотите, чтобы размер ваших файлов был как можно меньше, конечно, не жертвуя при этом их качеством. Чем меньше ваши файлы, тем быстрее они загружаются. Сюда входят файлы HTML, CSS, JavaScript, обычный текст и XML.

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

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

3. Отдайте предпочтение содержимому верхней части страницы

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

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

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

4. Ускорить время отклика сервера

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

Существует несколько элементов, которые влияют на время отклика сервера:

• Запросы медленной базы данных

• Медленная логика применения

• Медленная маршрутизация

• Ресурс CPU Starvation

• .0003

• Изображения большого размера

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

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

5. Регулярно контролируйте производительность

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

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

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

Готовы получить лучшие результаты для вашего следующего теста скорости страницы Google?

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

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

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

Влияет ли Google Page Speed ​​Test на рейтинг моего сайта в Google?

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

Как запустить тест скорости страницы Google?

Просто зайдите в Google PageSpeed ​​Insights. Введите URL своего веб-сайта в строку поиска и нажмите «Анализ». После завершения теста вы увидите оценку вашего веб-сайта из 100. Вы также можете переключиться на мобильную версию или версию для ПК, чтобы узнать, чем отличаются оценки.

Что мне делать, если скорость моей страницы Google низкая?

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

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

Руководство по инструментам Google для проверки скорости веб-сайта

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

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

Давайте углубимся в…

Влияние скорости веб-сайта на конверсию клиентов


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

• 47% людей ожидают, что ваш сайт загрузится менее чем за 2 секунды.
• 40% полностью откажутся от него, если это займет больше 3 секунд.
• 85% интернет-пользователей ожидают, что мобильный сайт будет загружаться так же быстро или даже быстрее, чем на настольном компьютере.


По данным Google:

• Люди с негативным опытом использования мобильных устройств на 62% реже будут покупать у вас в будущем.
• 1-секундная задержка загрузки мобильных устройств может повлиять на мобильную конверсию до 20 %.


От Nielson Norman Group:

• Если сайт электронной коммерции зарабатывает 100 000 долларов в день, задержка страницы в 1 секунду может стоить вам 2,5 миллиона долларов потерянных продаж каждый год.

Вы поняли.

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

Влияние скорости сайта на ранжирование в поиске

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

• Google стремится сделать весь интернет быстрым.
• Сосредоточьтесь на пользователе, а все остальное приложится.
• Быстро лучше, чем медленно.

На протяжении многих лет Google делал скорость сайта все более важной благодаря нескольким обновлениям алгоритма, и в мае 2020 года команда Chrome объявила Core Web Vitals, который раскрывает различные аспекты скорости сайта (и показателей взаимодействия с пользователем), которые вскоре будут учитываться в рейтинге поиска Google.

Google разбивает Core Web Vitals на:

• Отрисовка самого большого содержимого (LCP) — измеряет воспринимаемую скорость загрузки и отмечает точку на временной шкале загрузки страницы, когда, вероятно, загрузилось основное содержимое страницы. Это измерение скорости сайта.
• Задержка первого ввода (FID) — измеряет скорость отклика и количественно оценивает впечатления пользователей при первом взаимодействии со страницей. Это измерение скорости сайта.
• Совокупное смещение макета (CLS) — измеряет визуальную стабильность и количественно определяет величину неожиданного смещения макета видимого содержимого страницы. Это не связано конкретно со скоростью сайта и не будет подробно рассматриваться в этом руководстве.

«Метрика «Самая большая отрисовка содержимого» (LCP) сообщает о времени рендеринга самого большого изображение или текстовый блок, видимый в области просмотра. Чтобы обеспечить хорошее взаимодействие с пользователем, сайты должны стремиться к тому, чтобы наибольшая отрисовка контента происходила в течение первых 2,5 секунд после начала загрузки страницы», — объясняет Google. веб.дев.

Задержка первого ввода (FID) «измеряет время с момента, когда пользователь впервые взаимодействует со страницей (т. Браузер фактически может начать обработку обработчиков событий в ответ на это взаимодействие», — говорит Google.

Для получения дополнительной информации о Core Web Vitals см. Основы Google Core Web Vitals: все, что вам нужно знать, и наши Базовый ресурсный центр Web Vitals.

Объяснение инструментов тестирования скорости веб-сайта Google

Компания Google исторически предоставляла одни из лучших инструментов для оценки скорости и удобства веб-сайта, в том числе:

Маяк

Web.dev

Отчет о пользовательском опыте Chrome

Think with Google протестируйте мой мобильный сайт

После выпуска Core Web Vitals Google рекомендует использовать эти инструменты для улучшения других аспектов скорости сайта. :

1. Используйте новый отчет Core Web Vitals в Search Console, чтобы определить группы страниц, требующих внимания.
2. Затем используйте PageSpeed ​​Insights для диагностики лабораторных и полевых проблем на странице.
3. Используйте Lighthouse и Chrome DevTools, чтобы получить практические рекомендации о том, что конкретно нужно исправить.
4. Получите пользовательскую панель инструментов Core Web Vitals с помощью обновленной панели инструментов CrUX или нового API отчетов Chrome UX для полевых данных или API PageSpeed ​​Insights для лабораторных данных.
5. Запутались в количестве данных и нуждаетесь в прямом руководстве? Используйте web.dev/measure для измерения страницы и отображения приоритетного списка для оптимизации.
6. Наконец, используйте Lighthouse CI перед развертыванием изменения в рабочей среде.

Search Console

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


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

Хотите создавать веб-сайты для клиентов, которые загружаются молниеносно? 
Sначните 14-дневную бесплатную пробную версию Duda уже сегодня!

PageSpeed ​​Insights

PageSpeed ​​Insights — это один из самых простых способов получения аналитики скорости сайта, который можно использовать для измерения основных веб-показателей, а также других ключевых данных. Он работает на Lighthouse и Chrome UX Report.


Этот тест создает отчет PageSpeed ​​Insights с количественной оценкой, которая обобщает производительность страницы (определяется автоматически запускаемым программным обеспечением). Маяк). Цель должна заключаться в том, чтобы набрать 90 баллов или выше, что считается хорошим; от 50 до 90 нуждается в улучшении; ниже 50 считается бедным.

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

Он также сообщает данные метрик First Contentful Paint (FCP), CLS, FID и LCP. Google рекомендует LCP не более 2,5 секунд и FID менее 100 миллисекунд. Google говорит, что в обоих случаях нужно стремиться к 75-му процентилю на мобильных и настольных устройствах.


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


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

Маяк

Lighthouse — это автоматизированный инструмент с открытым исходным кодом для улучшения качества веб-страниц. Он смотрит на скорость сайта (включая LCP и FID), а также измеряет другие определяющие факторы производительности сайта для того, как потенциальный пользователь будет работать с веб-сайтом. Аудит перечисляет конкретные возможности для улучшения сайта.


Маяк можно использовать четырьмя различными способами; первые три более сложны и сделаны разработчиками и для них:

• В Chrome DevTools (см. ниже)
• Из командной строки вы можете автоматизировать запуск Lighthouse через сценарии оболочки — требуются навыки разработчика.
• Как модуль узла. Интегрирует Lighthouse в ваши системы непрерывной интеграции после установки Google Chrome для ПК.
• Через веб-интерфейс. Это напрямую связано с PageSpeed ​​Insights, чтобы упростить работу пользователей.


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

Chrome DevTools

Chrome DevTools запускает Lighthouse и требует, чтобы вы загрузили расширение Chrome. Затем вы просто переходите на вкладку «Аудит» и устанавливаете флажки для того, что вы хотите проверить. Его наибольшее использование в качестве средства проверки скорости сайта — это аудит страниц, требующих аутентификации, или идентификация страниц с помощью Cumulative Layout Shift, одного из трех основных веб-жизненных показателей. Предоставляет отчеты в удобном для пользователя формате. Он также измеряет общее время блокировки (TBT), которое Google считает отличным прокси для FID.


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

Web.dev

Для более простого просмотра данных перейдите на Web.dev и нажмите «Проверить мой сайт», затем нажмите «Измерить». Он измеряет производительность сайта и дает советы по улучшению пользовательского опыта. Вы можете подписать, чтобы отслеживать прогресс сайта с течением времени. Он предоставляет метрики взаимодействия с пользователем, которые показывают, как реальные пользователи Chrome воспринимают ваш сайт (так называемые полевые данные), и позволяют вам получать данные о скорости URL-адресов вашего конкурента.


Новый CrUX API, запущенный 28 мая 2020 года, «позволяет владельцам сайтов быстро оценивать производительность своего сайта для каждого Web Vital, как это делают реальные пользователи Chrome. Набор данных BigQuery уже предоставляет общедоступные гистограммы для всех Core Web Vitals, и мы работаем над новым REST API, который сделает доступ как к данным URL, так и к данным на уровне источника простым и легким — следите за обновлениями », — написал Google на web.dev в Август 2020 г.


Вы можете получить эти данные, запустив отчет или используя панель инструментов CrUX или новый API отчетов Chrome UX. Он не только измеряет Core Web Vitals, но также измеряет, среди прочего:

• Первая отрисовка: как определено Paint Timing API: сообщает время, когда браузер впервые начинает отображать страницу после навигации; первый ключевой момент, о котором заботятся разработчики при загрузке страницы.
• Первая содержательная краска: измеряет, сколько времени требуется браузеру для отображения первой части содержимого DOM после того, как пользователь переходит на вашу страницу.
• DOMContentLoad: как определено в спецификации HTML: «сообщает время, когда исходный HTML-документ был полностью загружен и проанализирован, не дожидаясь окончания загрузки таблиц стилей, изображений и подфреймов».
• Время до первого байта: «измеряет продолжительность от пользователя или клиента, делающего HTTP-запрос, до первого байта страницы, полученного браузером клиента».

Опытный разработчик или SEO-специалист запустит отчет CrUX, чтобы получить дополнительные данные.

Think with Google — Test My Mobile Site отчет о производительности, включая рекомендации по его устранению. Несмотря на то, что этот инструмент основан на отчете об опыте использования Chrome, иногда полезно сосредоточиться исключительно на мобильных устройствах, особенно если сайт работает медленно, и вы хотите конкретно указать на это.