Сайт вантажиться повільно - і ви втрачаєте половину мобільних відвідувачів
Перевіримо Core Web Vitals: LCP, INP, CLS, TTFB. За даними Akamai, 53% мобільних користувачів закривають вкладку, якщо чекати більше 3 секунд.
Що ми перевіряємо
- LCP (Largest Contentful Paint) - час до показу основного контенту сторінки. Має бути менше 2.5 секунд за рекомендацією Google.
- INP (Interaction to Next Paint) - затримка між тапом користувача і відповіддю сторінки. Замінив FID у березні 2024 як Core Web Vital.
- CLS (Cumulative Layout Shift) - наскільки контент «стрибає» при завантаженні. Має бути менше 0.1.
- TTFB (Time To First Byte) - швидкість відповіді сервера. Google рекомендує менше 800 мс.
- Inline JavaScript - великі блоки JS прямо у HTML. Не кешуються, повторно вантажаться при кожному заході.
- Lazy loading - підвантаження картинок тільки коли користувач догортав. Без нього сайт тягне 50+ зображень одразу.
- Зображення без width/height - резервація місця під картинки. Без неї контент стрибає (CLS).
- CDN - мережа серверів по всьому світу. Без CDN користувач з іншого регіону чекає 2-3 секунди замість 0.3.
Чому це важливо
Дослідження Akamai (akamai.com/our-thinking/the-state-of-online-retail-performance) показує: 53% мобільних відвідувачів закривають сайт, який вантажиться більше 3 секунд. Дані Amazon: кожні 100 мс затримки = -1% конверсії. Google офіційно з 2021 року використовує Core Web Vitals (LCP, INP, CLS) як фактор ранжування - це публічно зафіксовано у Search Central (web.dev/articles/vitals). Сайт з «poor» рейтингом по будь-якій з трьох метрик автоматично програє конкуренту з «good» у видачі, навіть за слабшого контенту. У 2025 році 70% українського трафіку - мобільний, і саме на мобільних 3G/4G повільний LCP боляче бʼє по конверсії: користувач не дочекався завантаження товарної картки і закрив вкладку.
Приклад з життя
Інтернет-магазин будматеріалів на WordPress + WooCommerce, обіг 1.2 млн ₴ на місяць, 18 тис. відвідувачів на день. Bounce rate на мобільному - 71%, конверсія 0.6% (низько навіть для категорії). Безкоштовний аудит показав: LCP 4.8 секунди (poor), CLS 0.34 (poor), TTFB 1.9 секунди, 8 МБ HTML на головній з-за inline JS. Купили тариф «Скрипти» за 999 ₴ - отримали налаштування Cloudflare для CDN і кешу, готовий код для lazy loading WooCommerce-зображень, інструкцію по перенесенню inline JS у зовнішні файли, скрипт для додавання width/height до 1200 товарних карток. Розробник за 6 годин впровадив, через тиждень LCP опустився до 1.8 с, CLS до 0.06. Через місяць bounce rate знизився до 54%, конверсія виросла до 0.9% - це +130 тис. ₴ виручки на місяць.
Як ми перевіряємо
Завантажуємо головну сторінку через Lighthouse-сумісний рушій Playwright, вимірюємо LCP, CLS, INP, TTFB за специфікацією web.dev. Парсимо HTML і шукаємо великі inline-блоки `<script>`, картинки без `width`/`height` атрибутів, відсутність `loading="lazy"`. Робимо DNS-резолв і дивимось headers - Cloudflare, BunnyCDN, AWS CloudFront дають характерні заголовки `cf-ray`, `cf-cache-status`. На потужніших тарифах робимо повторні запити, щоб виміряти TTFB на холодному і теплому кеші.
Що ви отримуєте по тарифах
- Безкоштовно (0 ₴): preview до 12 знайдених проблем без пояснень.
- Аналіз (299 ₴): повний звіт по всіх метриках Core Web Vitals і причинах поганих показників.
- Консультація (599 ₴): + покрокова інструкція оптимізації для вашої CMS (WordPress, Shopify, Tilda, Next.js).
- Скрипти (999 ₴): + готовий код для lazy loading, WebP/AVIF-конверсії, налаштування Cloudflare/BunnyCDN, оптимізація inline JS/CSS.
- Під ключ (1399 ₴): наша команда оптимізує самі - від встановлення CDN до конвертації зображень. Старт за 24 години.
Часті питання
PageSpeed Insights від Google показує 95 балів, а у вас сайт «повільний». Кому вірити?+
PageSpeed Insights показує лабораторні дані (Lighthouse) - це симуляція в стерильних умовах. Core Web Vitals у Google Search Console показують реальні дані з браузерів Chrome (Field Data). Часто перші 95, другі 40-60. Ми використовуємо Playwright, що ближче до Lighthouse, але у звіті порівнюємо з Field Data з GSC, якщо ви її підключите.
У мене Cloudflare - швидкість має бути ідеальна. Що ще можна оптимізувати?+
Cloudflare прискорює тільки статичні ресурси (CSS, JS, картинки) і кешує HTML на 1-2 хвилини. Якщо у вас повільний бекенд (PHP без кешу, повільна БД), TTFB лишиться 1.5-2 секунди. У тарифі 999 ₴ ми перевіримо саме backend-частину і дамо рекомендації по кешу WordPress, OPcache, налаштуванням Cloudflare Page Rules.
Перехід на WebP/AVIF - це обов'язково? Картинки JPEG/PNG ж працюють.+
Не обов'язково, але WebP стискає на 25-35% краще за JPEG зі збереженням якості, AVIF - на 50%. На каталозі з 1000 товарів це різниця у 30-50 МБ загального обсягу сторінки. На мобільному 4G це 2-3 секунди економії LCP. Підтримка WebP - 96% браузерів, AVIF - 92%, тому це безпечно.
INP замінив FID - у мене аудит з минулого року показував усе зелено. Зараз все погано?+
Імовірно - так. INP суворіший за FID: вимірює не тільки перший клік, а кожну взаємодію. У сайтів з важкими React/Vue додатками INP часто «poor» (понад 500 мс) навіть коли FID був «good». Це нова реальність з 12 березня 2024 - потрібен новий аудит з урахуванням INP.
Дивіться також
- Безпека сайту - HTTPS, HSTS, CSP, mixed content
- Технічний SEO - sitemap, canonical, schema, hreflang
- UX і мобільна версія - viewport, тач-таргети, доступність
- Контент і meta-теги - title, description, H1, alt-тексти
- Структура і посилання - биті 404, редіректи, sitemap
- Запустити безкоштовний аудит швидкості сайту
- Сценарій для інтернет-магазинів - як швидкість впливає на конверсію
Дізнайтесь, чому ваш сайт повільний - за 30 секунд
Безкоштовний preview покаже до 12 проблем швидкості. Готовий код оптимізації - у тарифі 999 ₴. Виправлення під ключ - 1399 ₴.