Core Web Vitals

Швидкість сайту і SEO: INP на телефоні, не vanity score з Lighthouse

Автор: Marcin Bochenek · Оновлення: 2026-08-24

«Зробіть нам 100 у PageSpeed» — поганий бриф. Google роками міряє досвід, не знімок лабораторії на кабелі. Для взаємодії рахується INP (не мертвий FID), для малювання LCP, для стабільності CLS. Швидкість сайту і SEO зустрічаються там, де платний або органічний клік помирає, перш ніж H1 щось пообіцяє. У пакеті корпоративного сайту обіцяю on-page і CWV на телефоні — не релігію зелених коробок без конверсії.

INP замість FID — щоб говорити однією мовою

FID випав із Core Web Vitals. Якщо агенція в 2026 звітує FID як успіх, вона аудитує спогади. INP описує, як сторінка реагує на тап і введення. Важкий JS, гідрація всього SPA, чат, встромлений у героя — убивці INP. Тому візитівки ставлю на легкому стеку (Astro/Next), а не на темі з двадцятьма плагінами «оптимізації».

Lighthouse на десктопі з кешем розробника бреше двічі: пристрій і мережа. Рішення беру з поля (CrUX, якщо є трафік) або з виміру на реальному телефоні після деплою. Впровадження має крок «вимір після старту» саме тому.

Де швидкість є SEO, а де лише конверсією

Google використовує сигнали досвіду як частину ранжування, але позицію не купите самою компресією зображень, коли ніхто не лінкує і немає змісту з інтентом. З іншого боку: кампанія, що сідає на 6-секундний LCP, палить бюджет незалежно від title. Це відро 2 в чому сайт не продає.

• Зображення: сучасний формат, розміри, не hero 4k з PNG.
• Шрифти: preconnect, не п’ять родин «про всяк випадок».
• JS: не вантажте Three.js на візитівку «бо гарно». Гра і ангар — окремі входи.
• Сторонні скрипти: кожен піксель — це INP. Згода маркетингу не безкоштовна.

Crawlable HTML проти SPA з хешем

Цей журнал — статичний HTML у dist, не `/#artykuly`. Це рішення SEO, не мода. Hash routing не є адресою для Search Console. Якщо хочете органічний канал, URL має існувати без JavaScript як єдиного носія змісту. Візитівці без блогу це не потрібно. Кластерам — так.

Чого не роблю в ім’я результату 100

1. Не вирізаю текст, який продає, щоб Lighthouse посміхнувся.
2. Не лишаю «швидку» сторінку без форми, яка працює на повільному LTE.
3. Не обіцяю Core Web Vitals у полі, коли ще немає трафіку — лабораторія це гіпотеза.
4. Не продаю щомісячне «оптимізуємо плагіни» на стеку, якого не ставлю.

У корпоративному сайті B2B швидкість в обсязі, бо телефон — місце рішення. У пакеті Launch додається вимір шляху: повільний крок оплати вбиває воронку сильніше, ніж три пункти Lighthouse.

Що насправді міряю після деплою, а чого не кладу на слайд

Швидкість сайту і SEO — не гонка Lighthouse на localhost з кабелем. Після старту відкриваю сайт на телефоні, в мережі, яку не контролюю, і дивлюсь LCP та INP. CrUX, коли трафік узагалі є. Якщо трафіку немає, lab — гіпотеза, не сертифікат. Не публікую тут фальшиве «PageSpeed 98 на Mint». Mint і Plumm можете виміряти самі. I DRIVE CARS не live, тож хвалити продакшен немає чим.

FID випав з Core Web Vitals. Агенція, яка в 2026 звітує FID як успіх, аудитить спогади. INP описує, як сторінка реагує на клік і введення. Важкий JS, гідрація всього SPA, чат у hero — вбивці INP. Тому візитівки ставлю на легкому стеку. Гра і 3D-ангар — окремі входи, не обов’язковий багаж корпоративного сайту.

• LCP: hero не може бути декорацією на 4 МБ «бо гарно в портфоліо».
• INP: сторонні скрипти, піксель, чат. Згода маркетингу не безкоштовна.
• CLS: шрифти й банери cookie, які штовхають CTA після завантаження.
• TTFB: хостинг і кеш. Тема з двадцятьма плагінами «оптимізації» зазвичай бреше.

Crawlable HTML проти хешу, який Google не вважає адресою

Цей журнал — статичний HTML. Це рішення SEO, не мода. Hash routing не є адресою для Search Console. Якщо хочете органічний канал, URL має існувати без JavaScript як єдиного носія сенсу. Візитівці без блогу це не потрібно. Кластерам — так. Не плутаю це з «плагіном блогу в page builder», який плодить дублі параметрів і 200 на порожніх фасетах.

Hreflang на українській версії — `uk` або `uk-UA`, не вигадка `ua`. Префікс URL — `/ua/`, бо так читає людина і так тримаємо узгодженість із homepage. Плутати UK (Велика Британія) з UA в UI — помилка, яку виправляю, коли бачу. Швидкість і i18n зустрічаються тут: три копії — три LCP, не один «перекладений div».

Чого не виріжу, щоб Lighthouse усміхнувся

1. Тексту, який продає. Порожній hero з результатом 100 не збирає запитів.
2. Форми, яка працює на повільному LTE. «Швидкий» сайт без CTA — помилка виміру.
3. Доказу, який можна клікнути. Картинка з постера — не Mint.
4. Виміру запитів. Піксель має ціну INP — тому не встромляю п’ять «про всяк випадок».

Якщо платите за трафік, спочатку ремонтуємо INP і LCP на платному шляху, не «весь сайт на 100». Чому сайт не продає часто починається у відрі 2: люди приходять і тікають, бо перший екран важкий. Редизайн без виміру — покупка шпалер.

Стек, який використовую, коли швидкість є частиною оферти

Astro або Next для візитівки, не WordPress з ThemeForest і двадцятьма плагінами кешу, які б’ються між собою. Зображення в здоровому форматі, без hero-відео 4K під CTA. Обмежені шрифти. Сторонні скрипти за згодою, не на старті. Це не релігія JAMstack. Це арифметика: кожен кілобайт чемності до маркетингу — нечемність до INP на Android 2020 року.

Після впровадження лишаю вам спосіб виміру, не скріншот дня прем’єри. Мережа змінюється, піксель додається, хтось вставляє Tag Manager «на хвилинку». Швидкість сайту і SEO — гігієна, не закритий проєкт. Якщо не хочете цієї гігієни, не обіцяю позицій — і не беру відповідальності за кампанію, яка палить бюджет на спінері.

Гігієна після деплою, якої не замінить скріншот прем’єри

Хтось вставить піксель. Хтось додасть чат. Мережа гостя не є вашою офісною. Лишаю спосіб виміру LCP та INP на телефоні, не диплом Lighthouse дня старту. Якщо не хочете цієї гігієни, не беру кампанію, яка має палити бюджет на спінері. Візитівка на Astro/Next, зображення без hero 4K, згода перед скриптами. Crawlable журнал під /artykuly/ і /ua/statti/, не хеш. Hreflang uk, позначка UA. FID у звіті 2026 — спогад. Швидкість сайту і SEO є частиною конверсії. Інакше платите за клік, який не встигне прочитати оферту. Скріншот прем’єри не захистить вас за три місяці, коли Tag Manager «на хвилинку» лишиться назавжди.

Лабораторія без поля не є сертифікатом

Lighthouse 100 на localhost мало значить. Після деплою відкриваю сайт на телефоні в мережі, яку не контролюю, і дивлюсь LCP та INP. CrUX — коли є трафік. Чат у hero, гідрація SPA і піксель «про всяк випадок» вбивають INP. Журнал — статичний HTML під /ua/statti/, не хеш SPA. Hreflang української версії — uk, префікс URL — /ua/, позначка UA.