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

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

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

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

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

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

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

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

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

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

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 и как диагностировать проблемы.

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

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

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

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

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

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

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

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

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

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

Re: Сотрудник Google Разъясняет Факторы ранжирования удобства использования и пользовательского опыта

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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