Google оголошує ініціативу Web Vitals, щоб надати розробникам уніфіковані рекомендації щодо ефективності веб-сайтів за допомогою трьох основних показників.
Минулого року на саміті розробників Chrome Google анонсував нові інструменти розробника Chrome щоб зменшити час завантаження сторінки та створити нативну програму. У той час компанія також обговорювала ініціативу щодо надання розробникам уніфікованого набору показників для вимірювання при створенні веб-сайтів з урахуванням взаємодії з користувачем і продуктивності. Продовжуючи початкову ідею, Google оголосив про ініціативу Web Vitals, яка має на меті забезпечити "уніфіковані інструкції щодо якісних сигналів, які є важливими для забезпечення чудового досвіду користувача в Інтернеті".
Протягом багатьох років Google запропонував кілька інструментів, які допомагають розробникам веб-сайтів вимірювати та звітувати про ефективність веб-сайтів. До них належать такі речі, як Lighthouse, Chrome DevTools, PageSpeed Insights і звіт про швидкість Search Console. Але Google зазначає, що в той час як деякі розробники досить вправно користуються цими інструментами, іншим важко встигати за розмаїттям інструментів і показників. За допомогою нової ініціативи компанія прагне спростити ландшафт, щоб розробники могли зосередитися на найважливіших показниках, які називаються Core Web Vitals.
Основні веб-показники – це підмножина всіх веб-показників, які застосовуються до всіх веб-сторінок, мають вимірюватися всіма власниками веб-сайтів і відображатимуться в усіх інструментах Google. Наразі ці основні веб-показники зосереджені на трьох аспектах взаємодії з користувачем — завантаженні, інтерактивності та візуальній стабільності — і включають такі показники (і їхні відповідні порогові значення):
- Найбільший малюнок вмісту (LCP): вимірює продуктивність завантаження. Щоб забезпечити хорошу взаємодію з користувачем, LCP має відбуватися протягом 2,5 секунд після першого початку завантаження сторінки.
- Затримка першого введення (FID): вимірює інтерактивність. Щоб забезпечити хорошу взаємодію з користувачем, сторінки повинні мати FID менше 100 мілісекунд.
- Сукупний зсув макета (CLS): вимірює зорову стабільність. Щоб забезпечити хорошу взаємодію з користувачем, сторінки повинні підтримувати CLS менше 0,1
Щоб допомогти розробникам вимірювати та звітувати про основні веб-показники, Google прагне відображати ці показники у своїх інструментах. У таблиці нижче показано, які інструменти підтримують основні веб-показники:
Розробники також зможуть вимірювати кожен основний веб-показник у JavaScript за допомогою стандартних веб-інтерфейсів API та звітувати про кожен основний веб-показник без написання коду, використовуючи Розширення Chrome Web Vitals. Розширення використовує бібліотеку web-vitals для вимірювання цих показників і відображення їх користувачам, коли вони переглядають веб-сторінки. Розширення також може бути корисним для розуміння ефективності ваших веб-сайтів, веб-сайтів ваших конкурентів і Інтернету в цілому. Крім того, розробники, які бажають вимірювати ці показники за допомогою базових веб-API, можуть ознайомитися з посібниками з показників на веб-сайті, посилання на яке наведено нижче, щоб отримати докладніші відомості про впровадження.
Поряд із основними показниками веб-сайту Google також розповідає про інші показники веб-сайту, які слугуватимуть проксі або додатковими показниками для основних показників. До них належать такі показники, як час до першого байта (TTFB), перше зафарбовування вмісту (FCP), загальний час блокування (TBT) і час до Interactive (TTI), що може допомогти розробникам охопити більшу частину досвіду або допомогти в діагностиці певних питань.
Варто зазначити, що ці веб-показники та основні веб-показники з часом розвиватимуться, і розробникам варто очікувати майбутніх покращень або доповнень до списку. Однак оскільки основні веб-показники актуальні для всіх веб-сторінок і представлені в кількох інструментах Google, будь-які зміни в цих показниках не змінять їх визначення та порогові значення. Розробники також отримають попереднє сповіщення про будь-які майбутні зміни та передбачуваний щорічний план. Через те, що інші веб-показники залежать від контексту чи інструментів, їхні визначення та порогові значення можуть змінюватися частіше без попереднього повідомлення. Будь-які зміни, внесені до всіх Web Vitals, будуть задокументовані в цьому публічний журнал змін.
Джерело: web.dev