Анотації Core Web Vitals в Chrome за допомогою OffiDocs

ОПИС

Це розширення накладе анотації на ваш веб-сайт, щоб виділити атрибути сторінки, які вплинули на показники ефективності основних веб-показників, затримку першого введення (FID), малювання найбільшого вмісту (LCP) і сукупний зсув макета (CLS).

Він також повідомляє основні показники Web Vitals для сторінки, використовуючи рекомендовані Google порогові значення, позначені кольором.

На елементи веб-сторінки буде накладено два типи анотацій: 1. Елементи, які мали зсув макета та зробили внесок у загальну оцінку зміщення макета.

Залежно від серйозності зміни, анотації будуть позначені кольором від найменшого впливу до найсильнішого: жовтий -> оранжевий -> темно-помаранчевий -> червоний.

У верхньому лівому куті кожної анотації ви знайдете бал зміни.

2. Елемент із найбільшим малюнком вмісту буде виділено пунктирною фіолетовою анотацією.

У верхньому лівому куті анотації буде вказано час малювання.

Спливаюче вікно розширення має відкрити сітку з таймінгами показників FID, LCP і CLS.

У нижній частині спливаючого вікна є кнопка для видалення анотацій із веб-сайту.

За винятком Largest Contentful Paint, показники Core Web Vitals ініціюються користувачем.

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

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

Щоб отримати затримку першого введення, закрийте розширення, виконайте дію користувача на сторінці, а потім знову відкрийте її.

- Кумулятивний зсув макета – це накопичення зсувів на сторінці.

Під час прокручування сторінки ви можете побачити додаткові зсуви, а розширення динамічно додаватиме нові анотації.

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

- Анотації сукупного зсуву макета виділяють елемент, який перемістився, **а не елемент, який викликав зсув**.

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

Елементи під оголошенням, імовірно, оголошення буде виділено.

- У наведеному вище прикладі оголошення кілька елементів на сторінці могли бути зміщені після завантаження оголошення.

У цьому випадку буде записано лише одну оцінку зміни, але всі задіяні елементи будуть виділені анотацією.

У цьому випадку ви повинні побачити стрілку (↳) поруч із анотованою оцінкою зсуву, яка вказує на групування елементів, які зміщуються разом.

Додаткова інформація:

– Пропонує delambo
- Середня оцінка: 5 зірок (сподобалось)
- Розробник Ця електронна адреса захищена від спам-ботів. Ботів, для його перегляду включений JavaScript.

Основні Web Vitals Annotations web extension інтегровано з OffiDocs Chromium онлайн