Оптимізація Core Web Vitals і швидкості сайту з вимірюванням до і після

Пороги Google

Їх оцінюють за 75-м перцентилем реальних візитів окремо для мобільних і настільних пристроїв.

• LCP, завантаження основного вмісту: добре при 2,5 с або менше
• INP, реакція на кліки, дотики й натискання клавіш: добре при 200 мс або менше; він замінив FID у березні 2024 року
• CLS, візуальна стабільність: добре при 0,1 або менше

Лабораторні дані

Lighthouse, Chrome DevTools або WebPageTest завантажують сторінку в змодельованих, відтворюваних умовах: це ідеально для діагностики і перевірки виправлення одразу. Змодельоване завантаження не має справжніх взаємодій, тож не може виміряти INP і використовує Total Blocking Time (TBT) як замінник.

Польові дані

Дані від реальних користувачів Chrome у звіті CrUX, які показуються в PageSpeed Insights і Search Console. Саме їх використовує Google; вони охоплюють 28 днів, тож покращення повністю проявляється за кілька тижнів.

LCP

• Головне зображення у форматі AVIF або WebP, правильного розміру і з високим пріоритетом завантаження
• Без ледачого завантаження для того, що з'являється першим
• Швидший сервер: кешування, CDN або кращий хостинг

INP

• Довгі завдання JavaScript розбиті, а несуттєвий код відкладено
• Сторонні скрипти переглянуті: віджети чату, карти, пікселі та накопичені теги
• Полегшене DOM на дуже важких сторінках

CLS

• Місце зарезервоване для зображень, відео, реклами та iframe
• Банер cookie, який не зсуває вміст
• Вебшрифти, що завантажуються без зсувів макета

Виміряти, виправити, виміряти знову

• Початкові дані для кожного шаблону: головна, послуга, категорія, товар
• Діагноз причини кожного поганого показника
• Виправлення, ранжовані за впливом і зусиллям, перевірені перед випуском
• Лабораторна перевірка після кожної зміни
• Польовий моніторинг протягом 28 днів і перевірка в Search Console

Варто, якщо

• Search Console позначає URL як поганий або такий, що потребує покращення
• Ви платите за рекламу, а лендинг на мобільному завантажується повільно
• Ваш магазин повільний на сторінках товарів або в кошику

Це не пріоритет, якщо

• Ваші польові показники вже добрі, а проблема в контенті
• Ви очікуєте піднятися в позиціях лише через швидкість: релевантність важить більше
• Ви скоро робите новий сайт: закладіть продуктивність у новий проєкт

Звіти і зміни

• Початковий звіт для кожного шаблону з польовими та лабораторними даними
• Причини, розставлені за пріоритетом для кожного показника
• Задокументовані та впроваджені виправлення
• Порівняння: лабораторні дані на момент передачі, польові — через 28 днів
• Ліміти ваги сторінок і скриптів, щоб зберегти досягнуте

Один шаблон, виміряний і виправлений

Разом обираємо ключовий шаблон, наприклад сторінку товару або лендинг реклами, виправляємо головну причину найгіршого показника і підтверджуємо покращення в лабораторії. Польове порівняння, якому потрібні 28 днів, плануємо на пізніше. Обсяг і умови узгоджуються письмово до початку.