Core Web Vitals: Полное Руководство Глава 1 (Перевод книги)

Это перевод книги с ресурса searchenginejournal.com.

Перевод сделан в режиме machine translation + постредактура.

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

Это перевод Первой главы

<p>Издано Search Engine Journal®</p>

Издано Search Engine Journal®

(позже здесь будут активные ссылки на каждую из глав)

Содержание

Вступление

Новый Фактор Ранжирования Google: Core Web Vitals — Вы Готовы? Анна Леа Кроу

Глава 1

Как Измерить Core Web Vitals Мэтт Саутерн

Глава 2

Core Web Vitals Частые вопросы: Советы и рекомендации от Google Роджер Монти

Глава 3

First Input Delay (FID) - Простое Объяснение Роджер Монти

Глава 4

Cumulative Layout Shift (CLS) — Обзор фактора ранжирования Google в 2021 году Роджер Монти

Партнер SEJ

Как оптимизировать Медиа и Уменьшить Largest Contentful Paint (LCP) Натан Келли, Управляющий директор, Оптимизатор медиа, Cloudinary

Глава 5

Что Такое Largest Contentful Paint (LCP): Простое Объяснение Роджер Монти

Глава 6

Техническое руководство по SEO для определения показателей производительности Lighthouse Джейми Индиго и Рэйчел Андерсон

Core Web Vitals: Полное Руководство Глава 1 (Перевод книги)

Вступление

Новый Фактор Ранжирования Google: Core Web Vitals — Вы Готовы?

Core Web Vitals: Полное Руководство Глава 1 (Перевод книги)

28 мая 2020 года Google представила то, что они назвали Core Web Vitals. И теперь Core Web Vitals становятся новым фактором ранжирования Google. Core Web Vitals, предоставляют возможность для повышения рейтинга — но только для тех, кто делает это правильно. Это руководство поможет вам узнать все, что вам нужно знать, чтобы воспользоваться преимуществами Core Web Vitals.

Google дали нам Панду и Пингвина.

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

Некоторые более эффективны, чем другие, и одни из них являются подготовкой к внедрению Core Web Vitals в июне 2021 года.

Если вы специалист по SEO или цифровому маркетингу, вам нужно прочитать это.

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

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

Определяя показатели Core Web Vitals, Google стремится предоставить четкие указания относительно сигналов качества, которые, по его словам, "необходимы для обеспечения отличного пользовательского опыта в Интернете”.

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

Готовы ли вы воспользоваться преимуществами Core Web Vitals и наслаждаться повышением рейтинга, которое обеспечивает достижение хороших результатов по этим показателям?

Измерение ваших параметров Core Web Vitals настолько просто, что вы, вероятно, могли бы сделать это во сне.

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

К концу этого руководства вы получите более четкое представление о том, что означают Core Web Vitals и как диагностировать проблемы.

Готовы приступить?

Core Web Vitals: Полное Руководство Глава 1 (Перевод книги)

Глава 1

Как Измерить Core Web Vitals

Core Web Vitals: Полное Руководство Глава 1 (Перевод книги)

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

Определяя Core Web Vitals, Google стремится обеспечить единое руководство по качественным сигналам, которые, по словам Google, "необходимы для обеспечения отличного пользовательского опыта в Интернете”.

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

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

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

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

Core Web Vitals — это потребности пользователей, к удовлетворению которых должны стремиться все веб-сайты.

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

Вот как измеряются эти потребности пользовательского опыта.

Google говорит, что владельцы сайтов могут измерять качество пользовательского интерфейса своего сайта с помощью этих показателей:

  • Largest Contentful Paint (LCP): время, необходимое для загрузки самого "тяжелого" элемента, видимого в области просмотра пользователем содержимого страницы. Идеальное значение LCP составляет менее или равно 2,5 секундам.

  • First Input Delay (FID): время, необходимое для того, чтобы страница стала интерактивной. Идеальное значение составляет менее или равно 100 мс.

  • Cumulative Layout Shift (CLS): величина неожиданного сдвига макета визуального содержимого страницы. Идеальное значение меньше или равно 0,1.

Core Web Vitals: Полное Руководство Глава 1 (Перевод книги)

Google объясняет, почему эти три показателя, в частности, так важны:

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

Например, в то время как Largest Contentful Paint (LCP) является показателем загрузки верхней строки, она также сильно зависит от First Contentful Paint (FCP) и Time to First Byte (TTFB), которые по-прежнему критичны, когда дело доходит до мониторинга и улучшений на сайте”.

Googler

Google включает способы измерения Core Web Vitals во многие из своих существующих инструментов.

Core Web Vitals теперь можно измерить с помощью:

  • Search Console
  • PageSpeed Insights
  • Lighthouse
  • Chrome DevTools
  • Chrome UX Report
  • Web Vitals Extension

Ниже подробнее рассмотрим информацию об использовании каждого из этих инструментов для измерения Core Web Vitals.

Search Console

Core Web Vitals: Полное Руководство Глава 1 (Перевод книги)

В консоли поиска появился новый отчет "Core Web Vitals", который поможет владельцам сайтов оценивать страницы всего сайта.

В отчете определены группы страниц, требующих внимания, на основе реальных данных из отчета Chrome UX.

При работе с этим отчетом имейте в виду, что URL-адреса будут опущены, если они не содержат минимального объема отчетных данных.

PageSpeed Insights

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

Core Web Vitals помечены синей лентой, как показано ниже.

Core Web Vitals: Полное Руководство Глава 1 (Перевод книги)

Lighthouse

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

Core Web Vitals: Полное Руководство Глава 1 (Перевод книги)

Две из этих новых добавленных метрик — это Largest Contentful Paint (LCP) и Cumulative Layout Shift (CLS).

Эти показатели являются лабораторными реализациями Core Web Vitals и предоставляют диагностическую информацию для оптимизации работы пользователей.

Говорят, что третья новая метрика - Total Blocking Time (TBT) - хорошо коррелирует с First Input Delay (FID), которая является еще одной основной метрикой Core Web Vitals.

Все продукты, которые поддерживает Lighthouse, обновлены в соответствии с последней версией.

Chrome UX Report

Также называемый CrUX, этот отчет представляет собой общедоступный набор данных о реальном пользовательском опыте на миллионах веб-сайтов.
Chrome UX Report измеряет полевые версии всех основных веб-функций, что означает, что он сообщает реальные данные, а не лабораторные данные.
Google недавно обновил отчет новым лэндингом Core Web Vitals.

Core Web Vitals: Полное Руководство Глава 1 (Перевод книги)

С отчетом можно ознакомиться здесь.

Chrome DevTools

Chrome DevTools был обновлен, чтобы помочь владельцам сайтов находить и устранять проблемы с визуальной нестабильностью на странице, которые могут способствовать Cumulative Layout Shift (CLS).

Core Web Vitals: Полное Руководство Глава 1 (Перевод книги)

Выберите Layout Shift (сдвиг макета), чтобы просмотреть его сведения на вкладке Сводка. Чтобы визуализировать, где произошел сам сдвиг, наведите курсор на поля "Перемещено из" и "Перемещено в".

Chrome DevTools также измеряет Total Blocking Time (TBT), что полезно для улучшения First Input Delay (FID).

TBT теперь отображается в нижнем колонтитуле панели производительности Chrome DevTools при измерении производительности страницы.

Core Web Vitals: Полное Руководство Глава 1 (Перевод книги)

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

Расширение WEB VITALS

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

Core Web Vitals: Полное Руководство Глава 1 (Перевод книги)

Вы можете скачать и установить расширение здесь.

А как насчет других ценных показателей?

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

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

Google также предоставит обновленную информацию о будущих функциях на включение в список Core Web Vitals, о причинах их выбора и статусе внедрения.

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

"Заглядывая в будущее на 2021 год, мы инвестируем в улучшение понимания и способности измерять скорость страницы и другие важные характеристики пользовательского опыта.”

Google

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

Google

Это конец первой главы.

Следующая глава будет здесь.

Спасибо, что прочитали до конца.

Если вы нашли какие-то неточности в переводе или ошибки, пишите в комментариях.

6 комментариев

Contentful Paint (LCP): время, необходимое для загрузки основного содержимого страницы. Идеальное значение LCP составляет менее или равно 2,5 секундам.

Самый большой и тяжёлый элемент на странице имеется в виду. «Основной» трактуется неоднозначно.

First Input Delay (FID): время, необходимое для того, чтобы страница стала интерактивной. Идеальное значение составляет менее или равно 100 мс.

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

Cumulative Layout Shift (CLS): величина неожиданного сдвига макета визуального содержимого страницы. Идеальное значение меньше или равно 0,1.

Тут не очень понимаю о какой величестве идёт речь (0,1). Кстати, о какой? Но в целом все корректно, при скроллинге и подгрузке рекламного баннера оценивается смещение блоков.

1
Ответить

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

Ответить