скорость закгрузки сайта и core web vitals

4.8/5 - (12 голосов)

Скорость загрузки страниц сайта

 

Вопрос скорости загрузки страницы определяется временем, отсчитываемым с момента перехода по ссылке до загрузки всех элементов страницы. Как выглядит этот процесс в случае с Google?

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

 

Google создал 10-балльную шкалу скорости открытия сайта. 1 — самая низкая оценка, а 10 — самая высокая. Эта шкала была введена в результате исследования поведения пользователей. Они указали, что более 53% пользователей уходят с сайта, если его загрузка занимает более трех секунд. Так как Google ориентируется в первую очередь на пользовательский опыт, скорость загрузки стала одним из ключевых факторов ранжирования в контексте продвижения и оптимизации сайта.

 

Скорость загрузки и продвижение

 

Скорость загрузки играет ключевую роль в SEO, когда речь идет о:

  • UX,
  • конверсии (особенно в случае интернет-магазинов),
  • мобильных устройств (Mobile First Index).
  • показателей Core Web Vitals

В 2021 году Google представил новый фактор ранжирования в виде Core Web Vitals (основных показателей). Их оценка влияет на органическую выдачу и, как следствие, на позицию в поисковой выдаче. Они определяют проблемы, связанные с загрузкой страницы и ее отдельных фрагментов. Речь идет о LCP, FID, CLS. Каждый из них можно проверить в панели Google Search Console. Там можно найти отчеты для каждого URL сайта.

 

LCP (Large Contentful Paint)

Рендеринг основного контента. Это результат, который определяет время загрузки самых больших визуальных элементов контента страницы, независимо от того, текст это или картинки / видео. Лучшее время — 2,5 секунды, в пределах 2,5-4 секунд — правильно, каждое указанное выше оценивается отрицательно и нуждается в улучшении. Чтобы улучшить свой результат, все, что вам нужно сделать, это сжать файлы, для уменьшения размера, удалить неиспользуемые скрипты и, как крайний вариант, сменить сервер или хостинг.

FID (First Input Delay)

Задержка первого ввода. Речь идет о времени, определяющие возможность взаимодействия со страницей, т.е. элемента, на который пользователь кликнет первым. Оптимальное время 100 миллисекунд, правильный результат в диапазоне 100-300 мс, выше уже отрицательный. Можно улучшить результат, отключив JavaScript, отложив загрузку других скриптов или удалив неиспользуемые фрагменты кода.

CLS (Cumulative Layout Shift)

Визуальная стабильность страницы информирует о масштабе сдвигов макета страницы во время ее загрузки. Это ситуации, когда пользователь нажимает на выбранный элемент, но из-за ошибки страница показывает другое место. Отличный результат должен быть не более 0,1, в диапазоне – 0,1-0,25 это правильный, а выше отрицательный. Для коррекции возможно стоит изменить размеры мультимедиа на страницах.

Другие показатели: TTFB, FCP, TTI, TBT.

 

Инструменты измерения скорости

 

Статистика скорости страницы

Очень простой в использовании инструмент, позволяющий протестировать скорость сайта, включая показатели Core Web Vitals. С его помощью можно получить отчет о результатах и ​​советы, как их улучшить.

GTMetrix

Более продвинутый сервис оценки скорости загрузки сайта (их РФ только через прокси), который предоставляет два типа данных после анализа: Оценку производительности и Оценку структуры. Самым большим преимуществом этого инструмента является оценка времени загрузки каждого элемента сайта, поэтому легко установить, какой из них нуждается в улучшении.

 

Как оптимизировать скорость загрузки?

 

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

Сжать содержимое

Один из способов — уменьшить объем передаваемых данных, что уменьшит время загрузки. Для этого можно отредактировать файл .htaccess или использовать плагины при использовании CMS.

Сжать изображения

Качественные изображения важны в контексте UX. Однако, если сайт состоит из множества тяжелых элементов, имеет смысл сжать их размер без потери качества.

Минимизировать CSS

Речь идет об удалении из исходного кода ненужных символов, т.е. ненужных пробелов, цифр, спецсимволов. Благодаря этому браузер быстрее получит необходимые данные.

Lazy Load — преимущества ленивой загрузки

Этот метод позволит вам загружать графику на странице только тогда, когда это необходимо.

Удалить неиспользуемые плагины

При использовании CMS в наличии обычно широкий выбор плагинов. Однако часто не все они нужны. Удалите неиспользуемые.

Присмотритесь к своему хостингу

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


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

Комментарии отключены