Полезное

Скорость сайта и Core Web Vitals простыми словами

Большая часть посетителей приходит с телефона, часто с мобильного интернета. Если страница грузится дольше нескольких секунд, человек уходит, не увидев ваше предложение. Объясняем, как измерить скорость и что на неё влияет.

Редакция Monolith Studio3 мин чтения

Что такое Core Web Vitals

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

LCP показывает, через сколько появляется основное содержимое страницы — большая картинка или заголовок. Хорошо — до 2,5 секунды. INP показывает, насколько быстро страница реагирует на нажатия; с марта 2024 года он заменил прежний показатель FID. Хорошо — до 200 миллисекунд. CLS показывает, насколько «прыгает» вёрстка во время загрузки, когда вы хотите нажать на кнопку, а она уезжает. Хорошо — меньше 0,1.

  • ≤ 2,5 сLCP — основное содержимое на экране
  • ≤ 200 мсINP — реакция на нажатие
  • < 0,1CLS — сдвиги вёрстки

Как проверить свой сайт

  1. PageSpeed Insights

    Введите адрес на pagespeed.web.dev. Смотрите на данные реальных пользователей, а не только на лабораторную оценку.

  2. Search Console

    Отчёт «Основные интернет-показатели» показывает, какие группы страниц проблемные.

  3. Свой телефон

    Откройте сайт на недорогом Android через мобильный интернет, а не по Wi-Fi в офисе.

Что тормозит сайты чаще всего

Тяжёлые картинки
Фото по 5 МБ прямо с камеры. Современные форматы и правильный размер уменьшают вес в разы.
Лишние скрипты
Чаты, виджеты, пиксели и счётчики, каждый из которых загружается до основного содержимого.
Видео на первом экране
Автоматически запускаемое видео без заставки — главный враг мобильной скорости.
Медленный хостинг
Сервер далеко или перегружен. Для казахстанской аудитории лучше сервер в Казахстане.
Тяжёлый конструктор
Шаблоны, которые грузят код всех возможных блоков, даже если на странице их три.
Шрифты
Пять начертаний шрифта, загружаемые с внешних серверов без оптимизации.

Быстрые победы

  • Сжать и перевести изображения в WebP или AVIF
  • Указать размеры картинок, чтобы вёрстка не прыгала
  • Отложить загрузку виджетов чата до первого действия пользователя
  • Убрать неиспользуемые счётчики и пиксели
  • Включить кеширование и сжатие на сервере

Почему скорость особенно важна в Казахстане

Значительная часть посетителей открывает сайты с недорогих смартфонов и через мобильный интернет, качество которого сильно различается между центром города, окраинами и регионами. Сайт, который мгновенно открывается в офисе по Wi-Fi, у клиента в маршрутке может грузиться десять секунд.

Отдельная история — трафик из Instagram и TikTok. Человек нажимает на ссылку в профиле или рекламе и ждёт. Если страница не появилась за пару секунд, он возвращается к ленте, и рекламный бюджет за этот клик потрачен впустую. Поэтому для посадочных страниц под рекламу скорость — это прямые деньги.

На практике самое большое ускорение дают три вещи: лёгкие изображения правильного размера, отказ от лишних виджетов на первом экране и сервер рядом с аудиторией. Для большинства сайтов это решается за день-два работы без полной переделки.

Скорость и конверсия

Даже если не думать о поисковиках, скорость напрямую влияет на деньги. Каждая лишняя секунда загрузки уменьшает долю людей, которые дождутся страницы и оставят заявку. Поэтому оптимизация скорости — одна из самых выгодных доработок: она одновременно улучшает рекламу, SEO и конверсию.

Хотите так же у себя?

Покажем, как это будет работать в вашем бизнесе, и назовём цену до старта.

Обсудить задачу

Частые вопросы

Не нашли свой вопрос — напишите, ответим в течение рабочего дня.

Задать вопрос
Насколько скорость влияет на позиции?

Это один из многих сигналов, и хороший контент важнее. Но при прочих равных быстрый сайт выигрывает, а медленный теряет посетителей ещё до того, как они что-то прочитают.

Какую скорость дают ваши сайты?

Мы делаем сайты на чистом коде без тяжёлых конструкторов: страницы заранее собираются в HTML и открываются почти мгновенно.

Можно ли ускорить сайт на Tilda или WordPress?

Частично: картинки, скрипты, кеширование. Но у конструктора есть предел, ниже которого не опуститься.

Не нашли свой вопрос — напишите, ответим в течение рабочего дня.

Задать вопрос

Читайте также

Читайте также

Проверим скорость вашего сайта

Пришлите адрес — покажем, что тормозит и сколько можно выиграть.

Позвонить+7 708 758 18 60НаписатьWhatsApp
Городг. Актобе · работаем по всему КЗ

Оставить заявку

Ответим за 15 минут и назовём примерную цену.