INP: чому швидкий сайт однаково здається повільним

Ви тиснете «Додати в кошик» - і нічого. Пів секунди тиші. Потім кнопка нарешті оживає. Ви не встигли подумати «сайт гальмує», але осад лишився. Саме цей осад Google з березня 2024 року міряє окремою цифрою.

Що таке INP

Interaction to Next Paint - час від вашої дії до моменту, коли екран на неї відреагував. Натиснули, торкнулись, ввели літеру - скільки мілісекунд минуло, перш ніж ви побачили результат. INP замінив стару метрику FID, яка міряла лише затримку першої взаємодії і тому пропускала більшість справжніх проблем.

• До 200 мс - добре: реакція відчувається миттєвою
• Від 200 до 500 мс - треба покращувати: людина помічає паузу
• Понад 500 мс - погано: сайт здається зламаним

Рахується не середнє, а 75-й перцентиль реальних відвідувачів за даними Chrome. Тобто якщо чверть людей на старих телефонах чекає секунду, ваш INP поганий - навіть якщо на вашому ноутбуці все літає.

Чому швидке завантаження не рятує

Швидкість завантаження і швидкість відгуку - різні речі. Сторінка може прийти за секунду, а потім браузер ще кілька секунд перетравлює JavaScript: аналітику, чат, рекламні пікселі, слайдер, анімації. Поки він зайнятий, на ваш дотик він відповісти не може. Кнопка вже намальована, але ще мертва.

Сторінка, що виглядає готовою, але не відповідає, гірша за ту, що довше вантажиться.

Звідки береться поганий INP

• Сторонні скрипти: чат-віджети, трекери, пікселі - кожен хоче виконатись першим
• Білдери сторінок, що тягнуть сотні кілобайт JavaScript на кожну сторінку
• Важкі обробники: одна кнопка, яка перераховує пів сторінки
• Анімації на JavaScript там, де вистачило б CSS
• Слабкі телефони: те, що на флагмані займає 50 мс, на бюджетному триває 300

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

Спершу виміряти на живих людях, а не на своєму компʼютері. У Search Console є звіт «Основні веб-показники» з польовими даними, а PageSpeed Insights показує їх угорі, над лабораторним тестом. Сам лабораторний тест INP не міряє зовсім - там нікому натискати.

Далі - прибрати або відкласти сторонні скрипти. Чат, який відкривають одиниці, не мусить вантажитись разом зі сторінкою. Аналітика може почекати, поки людина почне щось робити. Часто один такий крок дає більше, ніж тиждень оптимізації власного коду.

І розбити довгі задачі. Якщо натискання запускає важку роботу, спершу покажіть реакцію - підсвітіть кнопку, покажіть завантаження, - а важке зробіть слідом. Людині важливо побачити, що її почули. Решту вона почекає.

Чому це варто грошей

INP - частина Core Web Vitals, а ті входять до сигналів, якими Google оцінює сторінки. Але важливіше інше. Пауза після натискання - це саме той момент, коли людина вирішує, чи довіряти сайту. Особливо в кошику й у формі заявки, тобто там, де вона вже майже стала клієнтом.