Что такое основные веб-жизненные показатели? + Как улучшить свой

Следующая статья поможет вам: Что такое основные веб-жизненные показатели? + Как улучшить свой

Давно прошли времена коммутируемого доступа в Интернет, когда веб-страницы загружались построчно.

Сегодняшние интернет-пользователи ожидают мгновенного ответа: 93% людей покидают веб-сайт из-за того, что он не загружается должным образом. Никто не тратит время на неудачный опыт.

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

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

Но почему скорость и удобство для пользователей важны для вашего бизнеса?

• Если время загрузки страницы увеличивается с 1 секунды до 3 секунд, показатель отказов увеличивается на 32%.

• Если время загрузки страницы увеличивается с 1 секунды до 6 секунд, показатель отказов увеличивается на 106%. (Google)

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

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

Для этого вам необходимо понимать метрики, из которых состоят основные веб-жизненные показатели:

• Самая большая содержательная краска (LCP) измеряет производительность загрузки страницы. Он учитывает время, необходимое для загрузки самого большого фрагмента контента (обычно видео, изображения или текстового блока), когда пользователь запрашивает URL-адрес. Google рекомендует сайты поддерживать LCP менее 2,5 секунд для 75% загрузок их страниц.
• Задержка первого входа (FID) измеряет интерактивность страницы. Это время между действием (например, нажатием кнопки или ссылки) и моментом, когда браузер отвечает на это действие. Измерение FID происходит от любого элемента, на который нажимают первым, превращая страницу из статической в ​​интерактивную. Оперативность имеет решающее значение для создания хорошего первого впечатления у посетителей, показывая, что ваш сайт надежен и работает бесперебойно. Google рекомендует сайты удерживайте FID менее 100 миллисекунд для 75% загрузок страниц.
• Совокупный сдвиг макета (CLS) измеряет все изменения макета, происходящие на странице. Он оценивается от нуля (без смещения) до положительного числа (больше сдвига). Распространенными причинами смещения являются выпадающие баннеры, появляющиеся кнопки или изображения, которые вызывают перемещение текстового блока. Все это способствует негативному взаимодействию с пользователем, поэтому важно уменьшить сдвиги, происходящие на вашем сайте. Google рекомендует сайты стремиться к показателю CLS 0,1 или меньше.

Источник изображения

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

Как улучшить основные веб-жизненные показатели

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

1. Вставьте свой URL в Google Статистика PageSpeed инструмент.
2. Нажмите «Анализ».
3. Проверьте свою производительность. Ярлыки «Плохо», «Требуется улучшение» и «Хорошо» присваиваются вашему URL-адресу как на мобильных устройствах, так и на настольных компьютерах. Переключайтесь между ними в верхнем левом углу страницы.

Вот как это выглядит, когда я провел анализ на HubSpot.

Источник изображения

Вы можете видеть, что настольная версия работает лучше, чем мобильная, что является обычным явлением. Изучив пять миллионов страниц, Бэклинко обнаружил, что в среднем веб-страница загружается на 87,84% дольше на мобильных устройствах по сравнению с настольными компьютерами.. Несколько основных факторов, влияющих на скорость: тип CMS, CDN и хостинга, а также вес страницы.

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

Исправление проблем в Core Web Vitals

Чтобы повысить производительность ваших страниц, потребуется работа, но вы можете начать решать проблемы поэтапно.

1. Приоритет задач по метке: Сначала займитесь всем, что помечено как «Плохо». Затем выберите свою работу на основе масштабных проблем, которые затрагивают наибольшее количество URL-адресов или наиболее важные URL-адреса. Далее идут проблемы с ярлыком «Требуется улучшение».
2. Сделай список: Создайте список приоритетных работ для команды, которая будет обновлять сайт. Включите эти распространенные исправления страницы для справки:

• Уменьшите размер страницы до менее 500 КБ.
• Ограничьте каждую страницу до 50 ресурсов для оптимальной мобильной производительности.
• Рассмотрите возможность оптимизации вашей страницы для быстрой загрузки с помощью AMP.

3. Делитесь общими исправлениями: У каждой метрики Core Web Vitals есть дюжина способов улучшить порог. Ниже я описал основные причины статуса «Плохо» и способы их устранения.

Улучшение LCP зависит от медленное время отклика сервера, рендеринг на стороне клиента, JavaScript и CSS, блокирующие рендеринги медленное время загрузки ресурсов. Вы можете улучшить LCD, оптимизировав каждый из следующих элементов сайта:

Улучшение FID это все об измерении того, как быстро ваш сайт реагирует на действия пользователя. Здесь вы хотите исправить любой плохой первый опыт, который люди испытывают на странице. Чтобы узнать, как улучшить пороговое значение FID и проверить, как пользователи взаимодействуют с вашим сайтом, вы можете запустить аудит производительности с помощью Chrome Маяк инструмент. Вы также можете попробовать следующие настройки, чтобы повысить свой счет.

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

• Включить атрибуты размера или Поля соотношения сторон CSS для изображений и видео. Эти числа сообщают браузеру, сколько места нужно выделить для элемента страницы во время его загрузки, что предотвращает сдвиги по мере того, как элементы становятся видимыми.
• Не добавляйте контент поверх существующего контента. Единственным исключением является ответ на действие пользователя, когда ожидается сдвиг.
• Обеспечьте контекст для переходов. Все анимации и переходы в макете должны иметь контекст и непрерывность, если вы перемещаете пользователей из одной части страницы в другую.

Когда вы считаете, что конкретная проблема устранена, вы можете проверить, улучшились ли ваши пороговые значения в отчете Search Console Core Web Vitals. Нажмите «Начать отслеживание», чтобы запустить 28-дневный сеанс проверки который отслеживает ваш сайт на наличие признаков проблемы. Если за это время он не появится, считайте, что он исправлен.

Как и все факторы ранжирования, дьявол кроется в деталях. Если вы разработчик или технический специалист, жаждущий дополнительной информации об оптимизации Core Web Vitals, взгляните на руководства Google по оптимизация LCP, FIDили КСЛ.

Хронология рейтинга Core Web Vitals

Core Web Vitals будет включен в рейтинг Google Search с середины июня 2021 года, а полное развертывание запланировано на август 2021 года. Первоначально они объявили о планах обновления в мае 2020 года, но отложили выпуск из-за глобального воздействия COVID-19. 19.

И, как сказал Дэйв Бронг, технический директор ВебМеханиксотмечает: «Core Web Vitals — это «веб 3.0», с которым сталкивается наше поколение специалистов по поисковой оптимизации и веб-разработке».

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

Часть Core Web Vitals будет включать в себя несколько важных для владельцев сайтов изменений:

«Изменение, позволяющее не-AMP-контенту иметь право появляться в мобильной функции «Главные новости» в поиске, также будет реализовано в мае 2021 года. Любая страница, соответствующая политике Google News в отношении контента, будет иметь право, и мы будем отдавать приоритет страницам с удобным интерфейсом. независимо от того, реализованы ли они с использованием AMP или любой другой веб-технологии, поскольку мы ранжируем результаты». (Google)

Решение улучшить основные веб-жизненные показатели вашего сайта может показаться непростой задачей. Но, установив приоритеты для наиболее проблемных страниц и скоординировав свои действия с вашей веб-командой, вы можете работать над меткой «Хорошо» и дарить всем, кто посещает ваш сайт, отличный опыт.