Измените языковые настройки Топвизор для работы с сервисом на родном языке. Вы также сможете выбрать и установить язык интерфейса позже в настройках Аккаунта. Измените языковые настройки Топвизор для работы с сервисом на родном языке. ru Русский Выбрать

Обновление Google Lighthouse 8.4 для аудита сайтов

Обновление Google Lighthouse 8.4 для аудита сайтов

Google обновил инструмент Lighthouse до версии 8.4. В новой версии добавили диагностику метрик Core Web Vitals: LCP и FID.

Сообщение об этом появилось в блоге Google

Google Lighthouse – это инструмент для аудита сайтов, который помогает разработчикам диагностировать проблемы с сайтом и улучшать пользовательский опыт.

Проверка на наличие LCP-элементов с отложенной загрузкой

В новой версии Lighthouse 8.4 инструмент будет проверять страницы на наличие LCP-элементов с отложенной загрузкой (lazy-loading).

LCP – одна из метрик в составе Core Web Vitals, которая отражает время, за которое браузер отрисовывает самый крупный элемент в области просмотра (изображение, видео или текстовый блок).

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

Как выглядит первый экран
Как выглядит первый экран

Однако если LCP-элементом первого экрана является изображение, то отложенная загрузка может оказать негативное влияние на метрику. Браузер может поместить изображение в очередь и сначала загрузить другой контент вместо того, чтобы начать загружать изображение. Согласно исследованию, показатель LCP может улучшиться на 15% для некоторых сайтов, если изображения на первом экране не будут lazy-loading.

В новой версии Lighthouse определит, является ли LCP-элемент изображением с отложенной загрузкой:

Страница проверки изображений с отложенной загрузкой
Страница проверки изображений с отложенной загрузкой

Проверка на наличие метатега viewport 

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

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

FID – это одна из метрик в составе Core Web Vitals, которая определяет, насколько сайт готов дать мгновенную обратную связь пользователю при взаимодействии с элементами страницы. Сколько проходит времени от нажатия на ссылку или кнопку до начала реальной обработки действия браузером. Для CWV хорошим показателем признается не больше 100 мс.

Lighthouse будет рекомендовать добавить метатег viewport, если он не был найден на странице:

Страница проверки наличия метатега viewport
Страница проверки наличия метатега viewport

Получайте интересные новости первыми, подписывайтесь на наш телеграм-канал.

Подписаться 

Теги: google
31 0
Оставьте свой комментарий
Чтобы оставить комментарий, авторизуйтесь

Советуем почитать

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

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

Что происходит в YouTube сейчас, как сделать свой канал и сколько можно заработать.
Как отследить все изменения на сайте, даже если вам о них не говорят

Как отследить все изменения на сайте, даже если вам о них не говорят

Расскажем, как мониторить нужные страницы с помощью инструмента «Радар» от Топвизора, о каких изменениях можно узнавать, как настроить проверку и даже отследить конкретный участок кода.
Анализ конкурентов в контекстной рекламе

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

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