Google PageSpeed ​​Insights или Lighthouse: что лучше всего измеряет производительность сайта?

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

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

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

Но какой лучший инструмент отслеживания скорости страницы?

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

Что такое Google PageSpeed ​​Insights?

Google PageSpeed ​​Insights (PSI) — это бесплатный инструмент, который измеряет показатели скорости страницы на настольных и мобильных устройствах, используя как реальные, так и лабораторные данные. Реальные данные (также называемые «полевыми данными») представляют собой сводные данные за 28 дней, взятые из отчета об опыте использования Chrome, а лабораторные данные рассчитываются с использованием API Lighthouse.

PSI прост в использовании: просто зайдите на https://pagespeed.web.dev/, вставьте URL-адрес и подождите несколько секунд, пока API создаст отчет. Вы сможете увидеть, как URL соотносится с Core Web Vitals от Google, оценить подробные показатели скорости и получить общий рейтинг производительности веб-сайта.

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

• First Contentful Paint: (10%) Сколько времени требуется для полной загрузки первого блока изображения или текста.
• Индекс скорости: (10%) Среднее время, необходимое для загрузки видимого контента до завершения экрана.
• Самая большая отрисовка содержимого: (25%) Сколько времени требуется для полной загрузки самого большого изображения или текстового блока.
• Время до интерактивности: (10%) Сколько времени требуется, чтобы страница стала полностью интерактивной.
• Общее время блокировки: (30%) разница во времени между первой отрисовкой содержимого и временем до интерактивности, в течение которого страница блокируется от пользовательского ввода. (Другими словами, разница во времени между тем, когда что-то впервые появляется на экране, и тем, когда пользователь может на самом деле щелкнуть по нему.)
• Совокупное смещение макета: (15%) Мера неожиданного изменения макета, т. е. загрузки контента не по порядку, который реорганизует или сдвигает другой контент вверх или вниз по странице.

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

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

Что такое Google Lighthouse?

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

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

Есть несколько разных способов получить доступ к тесту скорости Google Lighthouse. Самый простой способ для не-разработчиков использовать Lighthouse — через расширение браузера Chrome, хотя расширение не может самостоятельно проверять страницы с аутентификацией файлов cookie. Разработчики могут использовать Chrome DevTools для полного доступа.

Ваш отчет Lighthouse будет включать информацию о:

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

Что такое пакеты Lighthouse Stack?

Пакеты стека — одна из последних функций Lighthouse. С помощью Stack Pack разработчики могут просматривать рекомендации на основе стеков в зависимости от того, какие стеки используются на странице. Эти рекомендации более актуальны, чем стандартные общие рекомендации, предлагаемые Lighthouse, которые совместимы не со всеми инструментами и платформами. Новые пакеты стека выпускаются часто, поэтому посетите официальный репозиторий Github, чтобы узнать больше.

Google PageSpeed ​​​​Insights против Lighthouse

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

Google PageSpeed ​​Insights и Lighthouse: обзор

Когда использовать Google PageSpeed ​​Insights

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

Когда использовать Google Lighthouse

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

Хотите лучшие данные? Используйте как PageSpeed ​​Insights, так и Lighthouse

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

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

Получите максимум от инструментов Google с нашей бесплатной электронной книгой

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

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

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

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