Продуктивність

Core Web Vitals простими словами

Автор The AsasWeb team 1 хв читання

Core Web Vitals: це три числа, якими Google вимірює, як сторінка відчувається для реальної людини. Largest Contentful Paint має бути менше ніж 2,5 секунди, Cumulative Layout Shift менше ніж 0,1, а Interaction to Next Paint менше ніж 200 мілісекунд. Звичні виправлення: легші зображення, менше JavaScript, налаштовані вебшрифти і зарезервоване місце для всього, що завантажується пізніше, а вимірювати все варто на середньому телефоні, а не на швидкому ноутбуці.

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

Largest Contentful Paint: чи швидко завантажується?

LCP вимірює, скільки часу потрібно основному вмісту, щоб з’явитися. Прагніть менш ніж 2,5 секунди, а для швидкого сайту ближче до 2. Звичні способи це легші зображення в сучасних форматах, менше ресурсів, що блокують рендеринг, і налаштовані вебшрифти, щоб великий заголовок або зображення показувалися раніше.

Cumulative Layout Shift: чи стоїть на місці?

CLS вимірює, наскільки сторінка стрибає під час завантаження. Немає нічого дратівливішого за натискання кнопки, що зсувається в останню мить. Прагніть менш ніж 0,1. Виправлення це задання ширини та висоти зображень, резервування місця для всього, що завантажується пізніше, і налаштування шрифтів, щоб текст не переформатовувався, коли надходить вебшрифт.

Interaction to Next Paint: чи реагує?

INP вимірює, наскільки швидко сторінка реагує на натискання або введення. Прагніть менш ніж 200 мілісекунд. Головна причина поганого INP це надмірний JavaScript, що блокує головний потік, тож ліки зазвичай у тому, щоб надсилати його менше.

Вимірюйте там, де ваші користувачі

Числа, що мають значення, це ті, що отримані на середньому за потужністю телефоні з реальним з’єднанням, а не на швидкому ноутбуці з офісним wi-fi. Ми вимірюємо саме там, бо саме там перебуває більшість відвідувачів.

Хороші показники це результат ретельної розробки, а не латання в останню хвилину. Якщо ваші оцінки потребують роботи, розпочніть проєкт, і ми чесно їх виміряємо й піднімемо.

Хочете такий самий стандарт на власному сайті?

Розкажіть нам про свій проєкт, і ми відповімо чесними практичними наступними кроками.