Якість сайту · УКРАЇНСЬКОЮ

Як перевірити швидкодію й правильно прочитати Core Web Vitals

Лабораторні та польові дані, LCP, INP, CLS і контроль після оптимізації без вигаданих вимірювань.

Швидкодію потрібно оцінювати за джерелом даних і типом сторінки. Лабораторний тест відтворює задані умови, а польові дані описують досвід реальних відвідувань. Вони можуть розходитися без помилки: це різні способи вимірювання.

Підготуйте сторінки та модуль

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

Продуктивність використовує Google PageSpeed Insights. Країна, обрана для обходу FluxRadar, не змінює місце вимірювання Google. Підключення особистого Google-акаунта для цього публічного вимірювання не потрібне.

Розрізняйте лабораторію та поле

  1. Відкрийте розділ продуктивності у завершеному звіті.
  2. Знайдіть лабораторні показники Lighthouse й доступні польові CrUX.
  3. Перевірте, чи польові дані стосуються конкретної адреси або всього джерела.
  4. Прочитайте повідомлення про недоступність даних.
  5. Не порівнюйте результати різних пристроїв як однакове вимірювання.

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

Знайдіть основну причину

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

Наприклад, головний банер може погіршувати LCP, якщо завантажується із затримкою. Перевірте розмір, формат, порядок виявлення й пріоритет. Не застосовуйте lazy-loading до основного LCP-зображення автоматично. Для CLS перевірте задані розміри медіа та місце для динамічних блоків.

Перевірте зміну під однаковими умовами

Внесіть одну групу змін, опублікуйте її та повторіть лабораторний тест на тих самих URL і пристрої. Запишіть дату й умови. Польове вікно не оновлюється миттєво після нового релізу, тому збережіть окремо ранній лабораторний контроль і пізнішу перевірку поля.

Очікуваний результат — доведене покращення конкретного вузького місця. Високий лабораторний бал не є гарантією зростання заявок. Перевірте також працездатність форми після видалення чи відкладення скриптів.

Якщо результати нестабільні

Повторіть тест кілька разів і дослідіть доступність сервера, сторонні ресурси та кеш. Не вибирайте лише найкращий запуск для звіту. Якщо проблема повʼязана з реальними взаємодіями, використайте ручний сценарій та інструменти профілювання браузера. Запишіть невизначеність, коли джерела ще не дозволяють надійного висновку.

Джерела та перевірка

Приклади в матеріалі навчальні. Можливості FluxRadar звірено з поточною тарифною матрицею та інтерфейсом. Зовнішні посилання ведуть до документації відповідних постачальників.

Перевірте свій сайт · Практичні інструкції · Статті для власників сайтів