Google представила Core Web Vitals в 2020 году, чтобы лучше улавливать и количественно оценивать то, как люди «воспринимают взаимодействие с веб-страницей», особенно на мобильных устройствах. Спустя несколько лет Google подробно рассказывает, насколько Core Web Vitals (CWV) улучшил скорость загрузки страниц для всей отрасли.
При создании CWV Google, в частности команды Search и Chrome, стремились решить проблему постепенного ухудшения скорости загрузки страниц и того, как это приводило к плохому пользовательскому опыту, когда пользователи «переходили из Google Поиска на отдельные сайты».
…мы заметили проблему с сайтами в долгосрочной перспективе. Даже если медленные сайты на некоторое время улучшали свою производительность, со временем она часто ухудшалась. Независимо от того, насколько быстрым мог быть Google Поиск, пользовательский опыт был бы неполноценным, если бы найденные страницы загружались медленно.
Google заявляет, что «изучила миллионы страниц, чтобы определить общедоступный стандарт быстрой и удобной для пользователя веб-страницы» с тремя начальными метриками:
- «Largest Contentful Paint (LCP) измеряет воспринимаемую скорость загрузки и отмечает точку во временной шкале загрузки страницы, когда основной контент страницы, вероятно, загрузился».
- «First Input Delay (FID) измеряет отзывчивость и количественно оценивает опыт, который пользователи испытывают при первой попытке взаимодействия со страницей». Скоро он будет заменен на Interaction to Next Paint (INP).
- «Cumulative Layout Shift (CLS) измеряет визуальную стабильность и количественно оценивает объем неожиданного смещения макета видимого контента страницы».
Мы опубликовали наши спецификации и данные в открытой экосистеме и учли полученные отзывы. Внедрение метрик CWV, таких как LCP (Largest Contentful Paint), было новаторским, поскольку позволило нам измерять, когда пользователь фактически видит контент. Возможность измерять фактический пользовательский опыт в масштабе стала основой для фантастических побед, которые мы обсудим в этом посте.
Алгоритмы ранжирования Google Поиска — одно из значимых мест, где реализованы Core Web Vitals (по состоянию на август 2021 года), что делает их весьма актуальными для владельцев сайтов и издателей, желающих улучшить свое положение.
В целом, «средняя загрузка страницы в Chrome теперь на 166 мс быстрее». Google приписывает Core Web Vitals спасение пользователей «более чем 10 000 лет ожидания загрузки веб-страниц и более 1200 лет ожидания ответа веб-страниц на ввод пользователя» за 2023 год. На сегодняшний день «более 40% сайтов проходят все метрики CWV».
Процент источников, проходящих все три метрики Core Web Vitals (LCP, FID, CLS) с «хорошим» результатом (Источник: HTTP Archive)
Помимо обновления своих сайтов издателями, Chrome также работал над улучшением браузера с помощью таких технологий, как «Back/forward cache», предварительная отрисовка и загрузка изображений с высоким приоритетом:
- «Back/forward cache (bfcache) предназначен для улучшения пользовательского опыта, обеспечивая мгновенную навигацию вперед и назад. Частота срабатывания BFCache улучшается месяц к месяцу как на Android (3,6%), так и на настольных компьютерах (1,8%).»
- «Мы также внедрили предварительную отрисовку, которая позволяет страницам загружаться мгновенно, отрисовывая их до фактического посещения пользователем. Загрузка страниц путем прямого ввода URL-адресов в omnibox дает улучшение LCP в медиане от 500 до 700 мс (14–25%), в зависимости от платформы, перемещая глобальную медиану LCP по всем навигациям на 6,4 мс. В настоящее время мы внедряем предварительную отрисовку поисковых запросов, инициированных omnibox.»
- «Chrome активно работал над тем, чтобы фоновые вкладки не мешали. Внедрение ограничения скорости вкладок в фоновом режиме, работающих на EcoQOS в Windows 11, и Adjustments Task Role and QoS на macOS привели к улучшениям Largest Contentful Paint (LCP) и Interaction to Next Paint (INP).»
- «Загрузка изображений с высоким приоритетом: Исторически загрузка изображений имела такой же или более низкий приоритет, чем отрисовка. Однако эксперимент показал, что при выборе между задачей загрузки изображения и задачей отрисовки выбор задачи загрузки изображения первым может предотвратить смещение макета промежуточного кадра, который не содержит изображения, а также улучшает LCP. Улучшение на Android в 75-м процентиле составило -6,66% для CLS и -0,82% для LCP, увеличив процент прохождения CWV на Android на +0,24%. Аналогичный эксперимент, который повысил приоритет загрузки до «среднего» для первых пяти изображений, проанализированных из HTML (для изображений, не являющихся значками), показал улучшение на Android в 75-м процентиле на -6,08% для CLS и -0,53% для LCP. Комбинированный эксперимент показал, что эффекты обоих изменений были в значительной степени независимыми.»