Користувач – мета Метрики
У 2020 році Google представив новий алгоритм «Lighthouse 6.0», який в автоматичному режимі вимірює якість web-сторінок. Як він приймає завантаження сторінки. У Google вони так і називають User-Centric Performance Metrics .
Швидкість завантаження та сприйняття користувача: Різниця
До 2021 року головною метрикою, що вимірює швидкість завантаження, був алгоритм «load event», який фіксував момент закінчення завантаження сторінки (всіх ресурсів). Це важливо, але в ньому втрачено момент самого процесу завантаження.
У чому суть питання? Для наочності візьмемо два сайти. Почали завантажувати обидва одночасно. Завантаження зайняло однаковий час. Але чомусь користувачі визнали, що другий сайт завантажився швидше. Чому? Та тому, що вже в процесі завантаження користувач міг бачити сторінки сайту. У першому випадку цього не було.
Існують ключові елементи завантаження сайту. Google їх бачить так:
- Наскільки швидко користувач починає бачити початок завантаження;
- Наскільки швидко користувач починає бачити контент на сайті та може з ним знайомитись;
- Тимчасовий проміжок від початку завантаження та можливості розпочати роботу на сайті;
- Чи є зрушення елементів, наскільки вони великі, щоб уникнути випадкових кліків з боку користувача.
Google: Метрики
Google розробив цілу систему метрик, ґрунтуючись на знаннях ключових елементів завантаження сайтів.
- Метрика ТТFB (Тимчасовий період до першого байта) зчитує час, який браузер витрачає до моменту отримання одного байта сторінок сайту.
- Метрика FCP (перше повне відображення сторінки) фіксує час від початку завантаження сайту до того моменту, коли користувач починає бачити щось на моніторі.
- Метрика LCP (максимально повне відображення) визначає часовий проміжок від початку завантаження до повного відображення на моніторі найбільшого елемента.
- Метрика CLS (зсув шаблону) фіксує зсув елементів на сторінці під час завантаження та після неї і дає сумарний результат.
- Метрика FID (Затримка введення (першого) визначає час, перш ніж почнеться фактична обробка дії. Відлік іде від першого дії.
- Метрика TBT (загальний час блокування) фіксує час, коли завдання long tasks блокують потік (головний), впливаючи на юзабіліті. Ця метрика вимірює взаємодію TTI та FCP.
- Метрика TTI (час до інтерактивності) фіксує часовий проміжок до моменту, коли запускається повна інтерактивність
- Метрика Speed Index (Індекс швидкості) – одна з наочних метрик. Вимірює швидкість відображення вмісту сторінки під час завантаження.
З цих метрків три використовуються в ранжируванні і Google їх об'єднав в одну групу. « Core Web Vitals »:
- Метрика LCP (максимально повне відображення
- Метрика FID (Затримка введення (першого) CLS).
- Метрика CLS (зсув шаблону)
При цьому завантаження, як процес, має оцінюватися загалом. Оптимізація метрики « Web Vitals » не достатньо.
Сайт завантаження: як правильно заміряти дані
Найпростіший і найоптимальніший шлях для вимірювання – система звітів LightHouse або PageSpeed Insights.
Важливо! Хороші показники не означає, що має місце висока швидкість завантаження сайту. І навпаки. Якщо показники не дуже, то швидкість може бути цілком високою.
Дело в том, что Google ведет измерения данных реальный пользователе и не учитывает баллы, приведенные в отчете.
Для наочності візьмемо два приклади:
№1: Швидка мобільна версія сайту. Тема – ігри для старих персональних комп'ютерів. Звичайно, основна маса користувачів такого сайту - власники старих версій (браузерів) на ПК. І за високої мобільної версії, в реалі користувачі на ПК отримають швидкість завантаження сайту набагато гірше. Метрики Google дадуть погані оцінки.
№2: Тепер навпаки. Сайт з далекою від ідеалу мобільною версією та низькою швидкістю завантаження. Але використовують його користувачі на ПК та отримують швидкий відгук. Google дають сайту позначки вище середнього.
Що доводять ці приклади? Те, що Lab та Field відрізняються – теоретичними та практичними показниками.
Lab Data – теоретичні (лабораторні) дані
Сервіси Lighthouse, PageSpeed Insights та Gtmetrix генерують дані разових тестів URL. Їх переваги:
- дозволяють відстежувати окремі URL;
- використовують на тестових ресурсах для вимірювання метрик до і після оптимізації;
- дають підказки щодо поліпшення.
Але є й недоліки:
- вони не здатні відстежити pagegroups (типи сторінок) і давати докладну статистику сайту в цілому;
- чи не дають цілісну картину реальних користувачів. Пом'якшує цей недолік можливість отримувати дані від спостережень;
- підказки безглузді і впливають на метрики.
Field Data - практичні (польові) дані
Field Data демонструє реальні і максимально актуальні показники користувача. При цьому сервіс не здатний відстежити та проаналізувати окремі URL-адреси та окремі групи сторінок (pagegroups). Дані надаються лише помісячно, і це відбувається кожного другого вівторка.
Дані, що використовуються API браузером і направляються в Google Analytics/інше джерело Web Vitals events .
Цей звіт використовують для аналізу як окремих адрес та груп окремих сторінок, так і сайту в цілому. Зручно, що дані показані не лише за місяць, а генеруються і за день і за тиждень. показувати дані за період (день, тиждень, місяць). Звіт дозволяє сортувати і аналізувати як користувачів, так і події з поганими і з хорошими показниками.
Є й мінуси.
- для застосування події на сайт знадобиться допомога розробників або Google Tag Manager;
- надто багато подій відправляються Google Analytics, за їх низької інформативності для пересічного користувача.
Ефективність комбінованого підходу
Так як обидва способи вимірювання не ідеальні, потрібно використовувати різні джерела даних, тоді результат буде вище:
- для вимірювання змін та розробки використовуваних Lab;
- щоб відстежувати реальні дані – Field;
- для масштабних проектів (щоб отримувати дані і по регіону, і за датою, і для пристроїв входу) - Web Vitals events.
На думку фахівців, під час розробки і навіть на етапі постановки завдання важливо орієнтувати не на бали, отримані на цих сервісах, а на користувача. Такий підхід характеризує пошукова система Google.
Підсумок:
- Пошуковик Google стали використовувати як фактори ранжирування метрики Lighthouse з червня 2021 року.
- Для цього метрик головне – сприйняття користувача, а чи не швидкість завантаження.
- Є два способи збору даних – теоретичний (лабораторний) та практичний (польовий) – йдеться про користувача, який зайшов на сайт із якогось пристрою. Найкращий результат дає комбінування цих способів.
- Виконайте оптимізацію за Google, який сконцентрований на користувачеві.