Что такое Google Lighthouse и почему вы должны его использовать

Опубликовано: 2020-12-26

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

Оглавление

Что такое Google Маяк

What is Google Lighthouse
Что такое Google Маяк

Каждый отчет, предоставляемый этим инструментом, состоит из пяти частей:

  1. Представление
  2. Доступность
  3. Лучшие практики
  4. SEO
  5. Прогрессивное веб-приложение

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

Скорость – один из основных критериев

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

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

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

Как работает Google Маяк

Вы можете подумать, что можно просто ввести адрес веб-сайта в строку поиска браузера, а затем узнать, как быстро загружается веб-сайт. Но пользователи веб-сайтов живут в разных районах и имеют доступ к другим интернет-провайдерам; даже тип поиска и то, как пользователи его используют, могут различаться. Хотя большая часть трафика веб-сайтов обычно поступает с мобильных устройств, у большинства пользователей нет доступа к Интернету четвертого (4G) и пятого (5G) поколений. По этой причине Google Lighthouse выполняет моделирование и измеряет скорость загрузки веб-сайта при использовании Интернета третьего поколения (3G).

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

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

Инструмент PageSpeed ​​Insight фокусируется только на производительности ваших веб-страниц. Тем не менее, как уже упоминалось, инструмент маяка Google может анализировать производительность, доступность, лучшие практики, SEO и расширенные веб-приложения. Хотя инструмент Google Lighthouse более точно и полно анализирует веб-сайт, для чего предназначен инструмент PageSpeed ​​Insights?

The difference between PageSpeed ​​Insights and Google Lighthouse
Разница между PageSpeed ​​Insights и Google Lighthouse

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

Как работать с Google Lighthouse

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

Работа с Google Lighthouse в Google Chrome

Сначала откройте нужный веб-сайт в браузере Google Chrome.

Щелкните правой кнопкой мыши на странице веб-сайта и выберите «Проверить» (или вы можете нажать клавишу F12 на клавиатуре).

Inspect
Осмотреть

На вкладках нажмите на Маяк.

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

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

Start website review
Начать просмотр веб-сайта

Работа с Google Lighthouse в Chrome с расширением для браузера

Найдите слово Lighthouse в Интернет-магазине Chrome.

Нажмите на первый плагин (Маяк), как показано.

Chrome Lighthouse Plugin
Плагин Chrome Lighthouse

Нажмите кнопку «Добавить в Chrome», чтобы установить плагин.

Install the plugin in Chrome
Установите плагин в Chrome

Откроется окно, нажмите кнопку Добавить расширение.

Start installing the plugin in Chrome
Начните установку плагина в Chrome

Введите желаемый веб-сайт.

В правом верхнем углу браузера нажмите на значок в виде головоломки.

Нажмите на плагин Lighthouse.

Чтобы указать нужное устройство, нажмите на значок шестеренки и выберите нужное устройство.

Google Lighthouse settings
Настройки Google Маяка

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

Create a report in Google Lighthouse
Создайте отчет в Google Lighthouse

Вывод

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

Удачи.