Швидкість завантаження сайту. Все про головні метрики, способи відстеження даних і червневий апдейт від Google

17 листопада 2021 р. 12:16

В червні 2021 року функціонал пошуковика Google доповнився новими факторами ранжування та показниками швидкість завантаження сайту в Lighthouse. Відтепер, для забезпечення просування сайту в Google потрібно розумітись на відповідних метриках. Хоча і нові технології додаватимуться поступово, однак агентство Golden Web радить ознайомитись з процесами завантаження сайту, його сприйняття користувачами та інструментами, аби виміряти швидкість загрузки сайту.

Оптимізація сайту – як виміряти дані його завантаження?

Оптимізація сайту та метрика, що концентрується на користувачеві

Оновлений алгоритм Lighthouse 6.0 є автоматизованим інструментом для підвищення якості вебсторінок та визначення швидкість сайту. Він є невіддільною складовою роботи ряду Google-сервісів, зокрема, PageSpeed Insights. Під User-Centric Performance Metrics, або ж метриками, що концентруються на користувачеві, варто розуміти окремі метрики Lighthouse 6.0 із потенціалом перетворення на фактори ранжування найближчим часом. Головною їх відмінністю є фокус уваги на сприйнятті користувачем швидкість завантаження сайту, а не на самому завантаженню вебресурсу.

Враження користувача та швидкість завантаження: розбираємось у різниці

Донедавна головною метрикою завантаження вебсайту була load event – момент повного закінчення завантаження сторінки, в т.ч. її основних ресурсів. Попри те, що це є вагомим показником, він не надає користувачеві інформацію про природу завантаження.

Агентство Golden Web допоможе це зрозуміти, навівши приклади двох умовних сайтів «А» та «Б». Обидва сайти завантажились одночасно, однак сайт «А» користувач вважатиме швидшим, оскільки вже під час завантаження він міг бачити відповідні зображення та читати інформацію. А у випадку сайту «Б» - користувачеві залишалось лише очікувати.

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

Відповідно до даних Google, аналіз швидкості сайта передбачає спостереження за наступними показниками:

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

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

величина часу очікування користувачем можливості взаємодії з сайтом;

наявність великих зсувів елементів для попередження користувачем випадкових або неочікуваних для нього кліків.

Як наслідок, Google вдалось сформувати ряд метрик, які він вимірює разом з load event для комплексної оцінки поведінки сторінки при завантаженні:page speed

TTFB. Так званий «час до першого байту» звітує про час, протягом якого браузер отримує перший байт сторінкового контенту.

FCB – «перше повне відображення». Ця метрика вимірює час від старту завантаження до моменту, коли користувач може вже щось бачити.

LCP – «найбільш повне відображення». Це тривалість часу до повного відображення найбільшого елементу на сторінці.

CLS – «зсув шаблону», що визначає загальний зсув об’єктів на сторінці до та після їх завантаження.

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

TBT – «загальний час блокування», протягом якого так звані «довгі дії», що є довшими за 50 мс), блокують головний потік і впливають на рівень зручності користування сторінкою. Ця метрика також вимірює те, що відбувається між FCP та TTI.

TTI – «час до повної інтерактивності».

Speed Index – «індекс швидкість сайту» та візуального відображення контенту під час завантаження екрану.

Додатково існують також три метрики LCP, FID CLS, що об’єднані в групу Core Web Vitals та використовуються в ранжуванні. Однак, швидкість завантаження сайту потрібно аналізувати в цілому, а не лише оптимізувати метрики Web Vitals – далі агентство Golden Web пояснює чому.

швидкість завантаження сайту

Lab Data, Field data та Web Vitals events – що ефективніше використовувати для пошукової оптимізації сайту?

Пошукова оптимізація сайту передбачає пошук найкращого способу як перевірити швидкість загрузки сайту. Одним з найпростіших, на перший погляд, шляхів це зробити – використати звіти PageSpeed Insights та LightHouse. Але високі їх показники не гарантують, що швидкість загрузки сайту буде великою, як і низькі показники не означатимуть низьку швидкість сайту. Варто наголосити, що Google не враховує бали у звітах, а вимірює дані реальних користувачів.

Аби краще це зрозуміти, розглянемо два приклади:

Уявіть сайт із тематикою ігор для старих ПК, що має високу швидкість завантаження мобільної версії. Логічним є факт отримання сайтом більшого відсотка користувачів зі старими версіями браузерів на ПК. Однак, хоча і існують чудові pagespeed-показники мобільної версії, частина користувачів матиме не надто високу швидкість завантаження сайту. Як наслідок, для Google він матиме погані показники.

Тепер проаналізуємо протилежну ситуацію – вебсайт із низькими pagespeed-показниками та невдалою мобільною версією. Це може бути сервіс SAAS, що використовується переважно користувачами ПК. Отримуючи гарний досвід взаємодії, сайт отримуватиме гарні показники в Google.

Обидва приклади демонструють принципову різницю між теоретичними та отриманими на практиці даними Lab та Field.

Lab Data - це лабораторні дані, отримані з разового тесту певного URL та генеровані Gtmetrix, Lighthouse та PageSpeed Insights, за відсутності яких важко здійснити просування сайту. Оптимізація сайту проводить ефективніше завдяки таким сервісам, оскільки вони:як покращити роботу сайту?

надають можливість відстеження окремих URL;

є інструментом для вимірювання метрик на тестових вебсайтах та рівня їх оптимізації розробниками;

надають підказки по вдосконаленню.

Водночас оптимізація сайту для пошукових систем із використанням цих сервісів має власні недоліки:

неможливість використання для відстеження окремих типів сторінок (pagegroups) та детальної статистики всього вебсайту;

не дають майже жодної інформації про реальних користувачів, окрім даних про спостереження;

підказки можуть не впливати на показники метрик, деякі з яких можна виміряти лише в TBT, TTI або Speed Index.

Інший тип даних, які потрібно розглянути під час здійснення оптимізація сайту є Field Data – т. зв. «польові дані», що демонструють реальні показники та дані користувачів. Але вони надають лише щомісячні цифри, що обновляються кожного другого вівторка місяця, не дозволяючи відстежувати дані для аналізу окремих URL або pagegroups. Прикладом Field Data є Chrome UX report, що містить дані про вебсайту з браузеру Google Chrome.

Успішне СЕО просування передбачає аналіз подій Web Vitals events, що використовуються API браузером та відправляють дані в інше джерело, наприклад Google Analytics (GA). Такий звіт може:

бути використаний для аналізу окремих URL, pagegroups або всього сайту;

показувати дані за будь-який період (напр. місяць, тиждень або день);

виконувати функцію джерела для створення звітів по даті або пристрою;

сегментувати і аналізувати користувачів (події) з поганими або хорошими показниками.

Однак, здійснити якісне просування сайту із використанням Web Vitals events непросто, оскільки цей тип даних:

вимагає втручання розробників із впровадження подій на сайт або через Google Tag Manager;

відправляє велику кількість подій в GA;

надані дані є за замовчуванням малоінформативними для окремого користувача, мають лише середнє значення та GA ID;

потребує зміни тегів подій при створенні дашбордів.

Успішне SЕО просування сайту – рекомендації від агентство Golden Web

Таким чином, кожний з трьох способів вимірювання даних має власні переваги та недоліки. Саме тому, агентство Golden Web рекомендує використовувати дані з різних джерел для СЕО просування сайту в Google:покращення швидкості сайту за допомогою SEO

Lab – при розробці і вимірюванні змін;

Field - для відстеження реальних даних;

Web Vitals – для відстеження даних по пристроях, даті та регіону у великих проєктах з активною розробкою.

Разом із цим важливо при розробці задач орієнтуватись не на показники в сервісах, а на користувачів. Саме такого підходу дотримується Google, розвиваючи метрики, що концентруються на користувачеві. Можемо підсумувати:

Одними з головних факторів ранжування для пошуковика Google з червня 2021 року стануть метрики Lighthouse.

Вони фокусуються як на швидкість завантаження сайту, так і на її сприйнятті користувачем.

Правильне комбінування лабораторного (теоретичного) й польового (для конкретного користувача, що вирішив відвідати сайт з конкретного пристрою) методів збору даних по метриках дозволить досягти найефективніше просування сайту.

Агентство Golden Web радить використовувати метрики із концентрацією на користувачеві за аналогією до Google – лише таки Ви зможете отримати найкращі результати від СЕО просування вебсайту!

Популярні статті
keyboard_arrow_up