#3-198. Как измерять основные веб-показатели. Правка

'#6. Тексты : texts';

'Library_ChapterController_actionUpdate_';

'#library_chapter_update_';

VirtualityCMS

Идентификатор ссылки (англ.)	vigbo-copy
Статус:	Активен

Описание

Идентификатор ссылки (англ.)	google-ob-osnovnykh-veb-pokazatelyakh-72476
Статус:	Активен

Описание

198. Как измерять основные веб-показатели. Правка

Активен

Экспресс-правка Разметка ред. Summernote ред. Quill ред. CKEditor ред. Trumbowyg ред. Imperavi ред. Jodit

Общая информация

Название

Том: Руководство по Core Web Vitals

ID Тома: 21

Статус: Активен
Глава: №1

ID Главы: 198

Статус: Активен
Время действия не указано

Всего знаков в главе: 14620

id (статус)	198 (3)
Идентификатор ссылки (англ.)	kak-izmeryat-osnovnyye-veb-pokazateli-71335
Сайт (ID сайта)	shopnseo.ru. #3
Смотреть на сайте	https://shopnseo.ru/texts/rukovodstvo-po-core-web-vitals/kak-izmeryat-osnovnyye-veb-pokazateli-71335/
Время последнего обновления	22-03-2024 в 18:57:50
Ссылка в БД	https://shopnseo.ru/texts/rukovodstvo-po-core-web-vitals/kak-izmeryat-osnovnyye-veb-pokazateli-71335/

Полное название и описание

Полное название

Описание главы

Как правило описание должно иметь около 150 знаков. Оно используется для заполнения мета-тега Description веб-страницы.
Сейчас используется - 0 символов

Описание скопировано!

Описание вставлено!

Ключевое слово (главное):

Персонажи:

Метки:

Комментарии:

Примечания:

Полный текст < > & " ' « » – — … • · ← → ↑ ↓ ↔

Юридические: © ® ™

Валюты: € £ ¥ ¢

Типографика: § ¶ ° ± × ÷

Дроби: ½ ⅓ ⅔ ¼ ¾ ⅛ ⅜ ⅝ ⅞

Греческие: α β γ δ ε λ μ π σ ω Δ Σ Ω

Математические: ≈ ≠ ≤ ≥ ∞ √ ∑ ∫ ∂ ∇

автор: <a title="Go to Author Page" href="https://www.searchenginejournal.com/author/matt-southern/">Matt G. Southern</a>
Google определил набор метрик, на которые владельцам сайтов следует обращать внимание при оптимизации пользовательского опыта.
Определяя эти основные веб-показатели, Google стремится предоставить единое руководство по качественным сигналам, которые, по мнению Google, являются неотъемлемыми для обеспечения отличного пользовательского опыта в интернете.
"Оптимизация качества пользовательского опыта является ключевым фактором для долгосрочного успеха любого сайта в сети.
Будь то владелец бизнеса, маркетолог или разработчик, Web Vitals могут помочь вам количественно измерить опыт вашего сайта и выявить возможности для улучшения."
Google подчеркивает важность основных веб-показателей по сравнению с другими метриками, поскольку они критически важны для всех веб-опытов.
Ожидания пользователей от веб-опыта могут различаться в зависимости от сайта и контекста, но некоторые из них остаются постоянными независимо от того, где они находятся в сети.
Основные веб-показатели &ndash; это потребности в пользовательском опыте, которые все сайты должны стремиться удовлетворить.
Конкретно Google выделяет основные потребности в пользовательском опыте: загрузка, интерактивность и визуальная стабильность.
Вот как измеряются эти потребности в пользовательском опыте.
<h2>Измерение пользовательского опыта с помощью основных веб-показателей</h2>
Google утверждает, что владельцы сайтов могут измерять качество пользовательского опыта своего сайта с использованием следующих метрик:
<ul>
<li>Largest Contentful Paint (LCP): Время, необходимое для загрузки основного контента страницы. Идеальное значение LCP составляет менее или равно 2,5 секунды.</li>
<li>First Input Delay (FID): Время, необходимое для того, чтобы страница стала интерактивной. Идеальное значение составляет менее или равно 100 мс.</li>
<li>Cumulative Layout Shift (CLS): Количество непредвиденного сдвига макета визуального содержимого страницы. Идеальное значение составляет менее или равно 0,1.</li>
</ul>
<img class="img-fluid" src="https://static.shopnseo.ru/uploads/core-web-vitals-metrics-680x197.webp" alt="Как вы можете измерить основные веб-показатели" style="display: block; margin-left: auto; margin-right: auto;" loading="lazy">
Google объясняет, почему эти три метрики, в частности, так важны:
<blockquote>
"Все эти метрики отражают важные результаты, ориентированные на пользователя, оцениваются в полевых условиях и имеют соответствующие диагностические эквиваленты и инструменты лаборатории.
Например, в то время как Largest Contentful Paint является основной метрикой загрузки, она также в значительной степени зависит от First Contentful Paint (FCP) и Time to First Byte (TTFB), которые остаются важными для мониторинга и улучшения."
</blockquote>
<h2>Как измерять основные веб-показатели</h2>
Google внедряет возможности измерения основных веб-показателей во многие из своих существующих инструментов.
Теперь основные веб-показатели можно измерить с использованием следующих инструментов:
<ul>
<li>Search Console.</li>
<li>PageSpeed Insights.</li>
<li>Lighthouse.</li>
<li>Chrome DevTools.</li>
<li>Chrome UX Report.</li>
<li>Web Vitals Extension.</li>
</ul>
 Вот больше информации о том, как использовать каждый из этих инструментов для измерения основных веб-показателей.
<h3>Search Console</h3>
<img class="img-fluid" src="https://static.shopnseo.ru/uploads/CWV-on-google-search-console.webp" alt="Search Console" width="480" height="600" style="display: block; margin-left: auto; margin-right: auto;" loading="lazy">
В Search Console появился новый отчет по основным веб-показателям, который помогает владельцам сайтов оценивать страницы на всем сайте.
Отчет выявляет группы страниц, требующих внимания, на основе данных из реального мира из отчета Chrome UX.
С этим отчетом обратите внимание, что URL-адреса будут опускаться, если у них нет минимального количества данных для отчетности.
<h3>PageSpeed Insights</h3>
PageSpeed Insights был обновлен для использования Lighthouse 6.0, что позволяет измерять основные веб-показатели как в лабораторных, так и в полевых разделах отчета.
Основные веб-показатели отмечены синей лентой, как показано ниже.
<img class="img-fluid" src="https://static.shopnseo.ru/uploads/mceu_43924669311705470611237.webp" alt="PageSpeed Insights" width="680" height="742" style="display: block; margin-left: auto; margin-right: auto;" loading="lazy">
<h3>Lighthouse</h3>
Недавно было выпущено обновление Lighthouse до версии 6.0, включая дополнительные аудиты, новые метрики и новый показатель производительности.
<img class="img-fluid" src="https://static.shopnseo.ru/uploads/lighthouse-performance-score-680x448.webp" alt="Lighthouse" width="680" height="448" style="display: block; margin-left: auto; margin-right: auto;" loading="lazy">
<img class="img-fluid" src="https://static.shopnseo.ru/uploads/lighthouse-LCP-680x423.webp" alt="Lighthouse" width="680" height="423" style="display: block; margin-left: auto; margin-right: auto;" loading="lazy">
Два из введенных новых показателей &ndash; Largest Contentful Paint (LCP) и Cumulative Layout Shift (CLS).
Эти метрики представляют собой лабораторные реализации основных веб-показателей и предоставляют диагностическую информацию для оптимизации пользовательского опыта.
Третий новый показатель &ndash; Total Blocking Time (TBT) &ndash; считается хорошо коррелирующим с First Input Delay (FID), который является еще одним показателем основных веб-показателей.
Все продукты, которые работают на основе Lighthouse, обновлены с учетом последней версии.
<h3>Chrome UX Report</h3>
Также известный как CrUX, этот отчет представляет собой общедоступный набор данных реального пользовательского опыта на миллионах веб-сайтов.
Отчет Chrome UX измеряет полевые версии всех основных веб-показателей, что означает предоставление данных из реального мира, а не лабораторных данных.
Google недавно обновил отчет новой целевой страницей для основных веб-показателей.
<img class="img-fluid" src="https://static.shopnseo.ru/uploads/CWV-on-Chrome-UX-report-680x422.webp" alt="Отчет Chrome UX" width="680" height="422" style="display: block; margin-left: auto; margin-right: auto;" loading="lazy"> Отчет можно получить <a title="здесь" href="https://developer.chrome.com/docs/crux?hl=ru" target="_blank" rel="noopener noreferrer">здесь</a>.
<h3>Chrome DevTools</h3>
Chrome DevTools был обновлен для помощи владельцам сайтов в поиске и устранении проблем с визуальной нестабильностью на странице, которые могут вызвать Cumulative Layout Shift (CLS).
<img class="img-fluid" src="https://static.shopnseo.ru/uploads/CWV-on-chrome-dev-tools-680x439.webp" alt="Cumulative Layout Shift" width="680" height="439" style="display: block; margin-left: auto; margin-right: auto;" loading="lazy">
Выберите Layout Shift, чтобы просмотреть его подробности во вкладке Summary. Чтобы визуализировать место сдвига, наведите указатель на поля Moved from и Moved to.
Chrome DevTools также измеряет Total Blocking Time (TBT), что полезно для улучшения First Input Delay (FID).
TBT теперь отображается в нижней части панели производительности Chrome DevTools при измерении производительности страницы.
<img class="img-fluid" src="https://static.shopnseo.ru/uploads/total-blocking-time-680x439.webp" alt="Total Blocking Time" width="680" height="439" style="display: block; margin-left: auto; margin-right: auto;" loading="lazy">
Оптимизации производительности, улучшающие TBT в лаборатории, также должны улучшить FID.
<h3>Web Vitals Extension</h3>
Новое расширение, теперь доступное для установки из Chrome Web Store, измеряет три основных веб-показателя в реальном времени.
<img class="img-fluid" src="https://static.shopnseo.ru/uploads/web-vitals-extension-680x390.webp" alt="Web Vitals Extension" style="display: block; margin-left: auto; margin-right: auto;" loading="lazy">
Расширение можно скачать и установить <a title="здесь" href="https://chromewebstore.google.com/detail/web-vitals/ahfhijdlegdabablpippeagghigmibma?hl=en" target="_blank" rel="noopener noreferrer">здесь</a>.
<h2>А что насчет других ценных метрик?</h2>
На столько важны, сколько основные веб-показатели, они не являются единственными метриками пользовательского опыта, на которые следует обращать внимание.
По мере того как Google совершенствует свое понимание пользовательского опыта в будущем, она будет ежегодно обновлять основные веб-показатели.
Google также будет предоставлять обновления о будущих кандидатах в Web Vitals, мотивации выбора их и статусе реализации.
По крайней мере на данный момент компания активно вкладывается в улучшение своего понимания скорости загрузки страниц:
<blockquote>
"Мы инвестируем в создание лучшего понимания и способности измерения скорости загрузки страницы и других критически важных характеристик пользовательского опыта.
Например, расширение возможности измерения задержки ввода для всех взаимодействий, а не только первого; новые метрики для измерения и количественной характеристики плавности; примитивы и вспомогательные метрики, которые позволят предоставлять мгновенные и сохраняющие конфиденциальность впечатления в сети; и многое другое."
</blockquote>

Скопировано в буфер!

Вставлено из буфера!

Карточка текста Карточки текста

Тема

Персонажи

Изменить дату действия. 19/02/2026

Выбрать дату

Время: 22:27 .

Идея текста

Сюжет

План действий

Заметки

Редакторские правки

Персонажи

Идея текста

Сюжет

План действий

Заметки

Дополнительные поля
Дополнительные поля отсутствуют

198. Как измерять основные веб-показатели. Правка

Редактировать комментарии, примечания, метки и персонажи

Дополнительные символы

Как измерять основные веб-показатели