Core Web Vitals: як швидкість сайту впливає на продажі та SEO

Швидкість сайту — це не технічна забаганка розробників, а прямий фактор ваших продажів і позицій у Google. У 2020 році Google офіційно зробив швидкість частиною ранжування через набір метрик під назвою Core Web Vitals. Розберімо простими словами, що це таке й чому важливо.

Що таке Core Web Vitals

Core Web Vitals («основні життєві показники») — три метрики, якими Google оцінює, наскільки сайт швидкий і зручний для реального відвідувача:

LCP (Largest Contentful Paint) — за скільки часу завантажується головний вміст сторінки (велике зображення чи заголовок). Добре — до 2,5 секунди.

INP (Interaction to Next Paint) — наскільки швидко сайт реагує на дії користувача (клік, тап). Добре — до 200 мілісекунд. Ця метрика у 2024 році замінила стару FID.

CLS (Cumulative Layout Shift) — наскільки «стрибає» верстка під час завантаження. Ви точно стикались: почали читати, а текст раптом з’їхав, бо догрузилась картинка. Добре — менше 0,1.

Виміряти свій сайт можна безкоштовно в PageSpeed Insights — він показує всі три метрики й що саме їх псує.

Чому Google це враховує

Логіка Google проста: він хоче показувати в топі сайти, якими зручно користуватися. Повільний сайт, що довго вантажиться й стрибає версткою, — це поганий досвід. Тому за інших рівних умов швидший сайт отримує перевагу у видачі.

Важливо розуміти: швидкість — не єдиний і не головний фактор. Якісний контент важливіший. Але коли кілька сайтів схожі за релевантністю, швидкість стає тим, що вирішує, хто буде вище. А ще швидкість впливає на все опосередковано: люди довше залишаються на швидкому сайті, менше «відскакують» — і це теж сигнали для Google.

Як швидкість впливає на продажі

Тут цифри промовисті:

• За даними Google, 53% користувачів закривають сторінку, яка вантажиться довше 3 секунд. Тобто повільний сайт втрачає половину відвідувачів ще до того, як вони щось побачили.
• Кожна додаткова секунда завантаження знижує конверсію приблизно на 7%. Для магазину з мільйонним оборотом це сотні тисяч втрачених гривень на рік.
• На мобільних усе ще критичніше: там і інтернет повільніший, і терпіння менше.

Особливо боляче це на платній рекламі. Ви платите за кожен клік, ведете людину на сайт — а вона йде, бо сторінка не встигла відкритися. Ви фактично платите за те, щоб втрачати клієнтів.

Що псує швидкість найчастіше

• Важкі зображення — найпоширеніша причина. Фото на кілька мегабайтів там, де потрібні кілобайти.
• Забагато скриптів — чати, віджети, лічильники, важкі конструктори.
• Повільний хостинг — сервер довго віддає сторінку.
• Відсутність кешування — сторінка збирається заново на кожен запит.
• Шрифти й реклама, що стрибають — псують CLS.

Що з цим робити

Порядок дій простий:

1. Виміряйте. Вставте адресу сайту в PageSpeed Insights і подивіться оцінку та список проблем.
2. Почніть із зображень. Стисніть їх, приведіть до потрібних розмірів, використовуйте формат WebP. Це часто дає найбільший приріст за найменших зусиль.
3. Приберіть зайве. Кожен віджет і скрипт має виправдовувати своє існування.
4. Перевірте хостинг. Якщо впираєтесь у нього — змініть.
5. Якщо сайт повільний «по фундаменту» (важкий конструктор, роздутий код) — розгляньте перенесення на легкий сучасний стек.

Мої сайти за замовчуванням отримують 90+ балів Lighthouse і вкладаються в усі три Core Web Vitals «у зелену зону» — бо вони збираються вручну на легкому стеку без важких конструкторів. Якщо хочете дізнатися, що гальмує ваш сайт і як це виправити, — напишіть, зроблю аудит.