Google Launches Web Vitals: Important Metrics for Your Website's Health

Google Launches Web Vitals: Important Metrics for Your Website's Health

5 травня Google анонсувала запуск Web Vitals - важливі показники для оцінки якісного сайту. Розповім, чому це важливо для SEO і конверсій вашого сайту.

Web Vitals Джерело: blog.chromium.org

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

Тому в Google вирішили об'єднати всі інструменти, які вимірюють продуктивність сайтів і вивести їх в окреме ядро ​​сервісів.

Компанія повідомляє, що сервіси Lighthouse, Chrome DevTools, PageSpeed Insights, Search Console's Speed Report незабаром будуть оновлені і інтегровані одна в одну так, щоб всі власники сайтів знали, що потрібно зробити для того, щоб їх сайт був ще краще для користувачів і для пошукової машини. Про оновлення PageSpeed згадувалося раніше тут .

Головні показники ядра Web Vitals Джерело: blog.chromium.org

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

Google виділяє три основні показники, на яких тримається ядро ​​Core Web Vitals:

LCP - найбільша змістовна фарба ;

FID - затримка першого введення ;

CLS - сукупний зсув макета .

LCP - вимірює час відтворення найбільшою і видимої частини вмісту на першому екрані вашого сайту. Це може бути картинка, заголовок або текст. Більш докладно описано в чернетці документа тут (англійською мовою).

FID - вимірює час чуйності вашого сайту. Чим цей показник нижче, тим більше у відвідувачів впевненості, що з вашим сайтом можна взаємодіяти. У новому PageSpeed цей параметр замінять на TBT (Total Blocking Time), який обчислює блокування вмісту сайту.

CLS - вимірює ступінь стабільності контенту на вашому сайті. Якщо при завантаженні сайту контент відсувається підвантаженням рекламних блоків або іншим контентом, то цей параметр оцінить наскільки це критично для відвідувачів. Оцінка від 0 до 1. Чим менше показник, тим краще.

Компанія стверджує, що найбільшою цінністю є живі дані, тобто ті, які ми з вами відправляємо в базу, при відвідуванні кожного сайту з браузера Chrome. Вся ця база даних зберігається в одному звіті Chrome User Experience Report . Як працювати з файлом описано тут .

Для простоти визначення швидкості завантаження сторінок, компанія випустила новий тип розширення для браузера web-vitals-extension . Це розширення для Chrome (в яндекс.браузер теж можна) дозволяє визначити чи достатньо швидка сторінка, на якій ви перебуваєте.

Виглядає це так:

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

Зелений або червоний. При кліці на зелений квадрат випадає вікно з конкретними цифрами виміру:

Для просунутих користувачів опишу процес установки:

Готово. Тепер відкривайте будь-який сайт і дивіться, яким кольором сигналізує вам квадрат.

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

Як заявлено в прес-релізі компанії, Гугл інвестує увагу в Core Web Vitals і на даний момент моніторить три важливі параметри. Поступово Core Web Vitals буде оновлюватися і поповнюватися новими метриками, які вже є в різних звітах і тих, які ще в розробці.

У планах Гугл, зробити так, щоб всі виміри швидкості сайтів були реалістичні, від живих відвідувачів сайтів. Для цього розроблена бібліотека, яку можна інтегрувати в свій сайт і отримувати дані про швидкість завантаження вашого сайту у відвідувачів. Справжні дані. Цю функцію ми тестуємо і напишемо про це додатково.

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

Ми в loading.express не тільки вимірюємо сайти з різних міст Росії, а й розробили систему автоматичних перевірок, за допомогою якої можна знати в будь-який момент часу швидкість завантаження вашого сайту.

Підписуйтесь на мою сторінку тут і слідкуйте за новинами у світі продуктивності сайтів.

Равлики, гепарди і глухарі: як інтернет-магазини готуються до розпродажів

Новий Google PageSpeed ​​Insights: перевірте показники вашого сайту

20 інструментів для перевірки швидкості завантаження сторінок сайту

Як накручують 100 балів на Google PageSpeed

Сервіс для визначення фейковий прискорення сайту

Як uLogin заробляє на кожного відвідувача вашого сайту