Новини, Технології

Google запустив Web Vitals: метрики для UX та швидкості роботи сайтів

13 Травня, 2020

Компанія Google оголосила про запуск нових метрик, які вимірюють якість сайтів в мережі. Це – ініціатива Web Vitals. Вона надає власникам сайтів та веб-майстрам набір метрик, які, на думку компанії, дозволять створювати якісні сайти.

Що входить в Web Vitals?

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

Google запустив Web Vitals: метрики для UX та швидкості роботи сайтів - tech, news

 

  • LCP вимірює швидкості завантаження і вказує, як швидко завантажується основний контент сторінки. Хорошим показником вважається час до 2,5 с.
  • FID вимірює інтерактивність сайту, відображає досвід користувача, який захотів вперше взаємодіяти зі сторінкою. Хорошим показником вважається час до 100 мс.
  • CLS відображає візуальну стабільність сайту: наприклад, якщо при завантаженні несподівано для користувача змінюється його зовнішній вигляд (наприклад, через рекламні блоки). Хорошим показником вважається CLS менше ніж 0,1.

Як власники сайтів можуть їх вимірювати?

У компанії відзначають, що найпростіший спосіб для власників сайтів перевіряти Core Web Vitals – за допомогою відповідної JavaScript-бібліотеки.

Можна міряти ці показники й без використання коду, за допомогою розширення для Chrome під назвою Web Vitals Chrome Extension (воно використовує ту ж бібліотеку).

Щоб поставити його в браузер, потрібно буде:

  • звантажити репозиторій з GitHub як zip.-файл;
  • розпакувати папку;
  • відкрити сторінку розширень Chrome;
  • включити в Chrome режим розробника;
  • перетягнути папку в будь-яке місце вікна.
  • Працююче розширення виглядає так:

Google запустив Web Vitals: метрики для UX та швидкості роботи сайтів - tech, news

Веб-розробники, які хотіли б перевіряти ці метрики через API, можуть знайти інструкції тут:

Читайте «Український Спектр» у Facebook.

Український Спектр Читайте «Український Спектр» у Telegram
«Український Спектр» в Telegram – коротко про головне один раз на день
Підписатись на канал

Ми у соцмережах:

Слідкуйте за UAspectr у Facebook або ж читайте усе найцікавіше у нашому каналі в Telegram