Производительность сайта: об основных показателях Core Web Vitals
7 мин.
Core Web Vitals — это набор из трех метрик, которые оценивают впечатления посетителей от взаимодействия с вашим сайтом. Эти метрики измеряют время загрузки, интерактивность и визуальную стабильность сайта.
Поисковые системы, такие как Google, учитывают Core Web Vitals при определении позиции сайта. Улучшение этих показателей помогает увеличить видимость сайта в результатах поиска, а также повышает удобство для посетителей.
Что такое Core Web Vitals?
Показатели Core Web Vitals важны, так как они измеряют производительность вашего сайта на основе данных реального использования и опыта посетителей, а также лабораторных данных симулированных сессий. Они показывают текущую производительность сайта и помогают выявить области, требующие улучшения.
В настоящее время Google использует следующие три показателя Core Web Vitals:
- Largest Contentful Paint (LCP): показатель времени загрузки сайта, а именно того, сколько времени требуется для загрузки самого крупного элемента контента в видимой области сайта.
- Interaction to Next Paint (INP): оценка отзывчивости сайта на все нажатия, клики и взаимодействия с клавиатурой, которые происходят во время каждого посещения каждой страницы. Итоговое значение INP — это самое долгое зафиксированное взаимодействие.
- Cumulative Layout Shift (CLS): измерение неожиданных смещений элементов, которые меняют макет страницы.
Эти показатели вместе с другими измерениями суммируются для формирования общей оценки страниц сайта.
Улучшение показателя Largest Contentful Paint (LCP)
Largest Contentful Paint (LCP) измеряет время, необходимое браузеру для загрузки и отображения самого крупного элемента, за исключением фоновых изображений.
Обратите внимание на следующую информацию при работе над улучшением показателя LCP:
- Текстовые элементы LCP: Для текстовых элементов LCP ключевым моментом является приоритет быстрой загрузки. Использование системных шрифтов может значительно повысить производительность. Однако если необходим пользовательский шрифт, мы рекомендуем использовать формат WOFF2 для достижения оптимальных результатов.
Совет: в Редакторе Studio включите шрифты по умолчанию, если ваш LCP зависит от текста и включает пользовательский шрифт. - Графические элементы LCP: Для элементов LCP на основе изображений лучше всего загружать изображения в форматах JPG или WebP. В частности, формат JPG позволяет существенно уменьшить размер файла — до 10 раз по сравнению с PNG.
- Другие советы: Чтобы ускорить процесс загрузки и сделать сайт удобнее для посетителей, придерживайтесь простого дизайна страниц и минимизируйте ненужный контент. Попробуйте разместить тяжелые элементы, такие как галереи, видео и виджеты магазина, ниже сгиба, чтобы приоритизировать быструю загрузку основного контента. Избегайте анимации элементов LCP, так как анимации (например, эффект проявления) запускаются только после полной загрузки сайта.
Улучшение показателя Interaction to Next Paint (INP)
Улучшение показателя Interaction to Next Paint (INP) включает в себя простые шаги по оптимизации производительности сайта.
Чтобы улучшить показатель INP сайта:
- Проверьте все сторонние сниппеты кода, добавленные на сайт. Вы можете легко просмотреть эти фрагменты и управлять ими в Настройках пользовательского кода, Маркетинговых интеграциях и скриптах, связанных со сторонними приложениями. Рекомендуем удалить любой код, который не несет явной пользы для функциональности сайта.
- Ограничьте количество приложений и виджетов на каждой странице. Страницы, перегруженные приложениями и виджетами, обычно сложнее и более склонны к ошибкам. По возможности упрощайте страницы и воздержитесь от избыточного использования приложений и виджетов, которые не являются необходимыми для целей сайта.
Улучшение показателя Cumulative Layout Shift (CLS)
Улучшение показателя Cumulative Layout Shift (CLS) включает в себя простые изменения для обеспечения стабильности макета сайта.
Чтобы улучшить показатель CLS сайта:
- Попробуйте изменить порядок DOM на сайте:
- Редактор Wix: Порядок DOM автоматически структурирован для языков с письмом слева направо. Однако если на сайте используется письмо справа налево (например, арабский или иврит), вам потребуется вручную настроить порядок DOM в панели слоев.
- Редактор Studio: На сайтах Wix Studio порядок DOM настраивается автоматически, при этом есть возможность просмотреть и изменить порядок компонентов в панели слоев.
- Обновите размещение рекламы, чтобы минимизировать ее влияние на CLS. Размещение баннеров в верхней части страницы может нарушить стабильность макета. Вместо этого попробуйте разместить рекламные компоненты ниже сгиба, как в случае с рекламой Google AdSense, чтобы уменьшить проблемы с CLS.
Инструменты измерения производительности
Вы можете использовать различные инструменты, чтобы получить статистику производительности вашего сайта. Эти инструменты обычно включают данные о реальных посетителях и расчетные лабораторные данные.
Важно:
Мы рекомендуем ориентироваться на данные о реальных посетителях. Вы можете найти эти данные в двух местах: в разделе «Реальный опыт посетителей» в панели управления скоростью сайта Wix и в разделе «Оценка Core Web Vitals» в Google PageSpeed Insights. Используйте эти показатели, чтобы лучше понять, что чувствуют посетители при загрузке и навигации по вашему сайту.
Нажмите ниже, чтобы узнать подробнее об инструментах измерения производительности:
Панель управления скоростью сайта Wix
Google PageSpeed Insights
Отчет Core Web Vitals
Другие сторонние инструменты тестирования
Разница между показателями для смартфонов и компьютеров
При просмотре показателей Core Web Vitals вы получите два отдельных отчета: один для смартфонов, а другой для компьютеров. Скорее всего, общие баллы в них будут различаться.
На естественную разницу в баллах между смартфонами и компьютерами влияет несколько факторов, в том числе:
- Процессоры в мобильных устройствах обычно менее мощные, чем в компьютерах.
- Мобильные сети (такие как 3G, 4G, LTE и 5G) могут работать медленнее, чем Wi-Fi или проводное интернет-соединение, используемое на компьютерах.
Core Web Vitals и SEO
Core Web Vitals — это важнейшие показатели производительности сайта, которые входят в число факторов, влияющих на SEO сайта.
SEO-увеличение производительности применяется к страницам для смартфонов и компьютеров отдельно. Каждая страница, будь то версия для смартфона или компьютера, может получить до трех улучшений — по одному для каждого показателя Core Web Vitals:
- Хорошо: означает, что показатели метрики обеспечивают полное SEO-увеличение (зеленый).
- Нужно улучшить: означает, что показатели метрики обеспечивают частичное SEO-увеличение (желтый).
- Плохо: означает, что показатели метрики не дают SEO-увеличения (красный).
Например, страница для смартфона может получить частичное SEO-увеличение для LCP и INP, но полное увеличение для CLS.
При этом версия той же страницы для компьютера может получить полное SEO-увеличение по каждому показателю.
Оценка Core Web Vitals будет отображаться как «Не пройдено», если вы не получите оценку «Хорошо» по всем трем показателям Core Web Vitals. Это не означает, что страница не получила улучшения, так как каждая метрика вносит свой вклад независимо.
Поиск Google всегда стремится показывать наиболее релевантный контент, даже если удобство страницы не идеально. Для большинства запросов доступно много полезного контента. Поэтому удобство страницы может способствовать успеху в результатах поиска.
Контент остается самым важным фактором для поддержания SEO-показателей. Мы рекомендуем оптимизировать контент сайта, а также обновлять метатеги страниц. Подробнее о лучших практиках SEO.
Часто задаваемые вопросы
Нажмите ниже, чтобы получить ответы на самые частые вопросы о Core Web Vitals.
Почему показатели сайта не улучшились после внесения изменений?
Почему производительность сайта могла ухудшиться после замены FID на INP?
Что делать, если показатели скорости остаются низкими, несмотря на оптимизацию?