PageSpeed Insights: як читати звіт і виправляти те, що справді важливо

PageSpeed Insights (PSI) часто є першим інструментом, який відкривають маркетологи, коли хтось каже, що сайт повільний, і водночас найчастіше хибно прочитуваним. Оцінка вгорі не є тим, що Google використовує для ранжування сторінок, а червоне число не завжди означає реальну проблему для відвідувачів. Цей посібник пояснює, як читати звіт, спираючись на власну документацію Google про Core Web Vitals та документацію PageSpeed Insights.

Що вимірює PageSpeed Insights?

Введіть URL на pagespeed.web.dev, і ви отримаєте два блоки для мобільних і два для десктопа:

• Польові дані («Дізнайтеся, що відчувають ваші справжні користувачі»): метрики, зібрані від справжніх користувачів Chrome за попередні 28 днів через Chrome User Experience Report (CrUX). Вони з'являються лише якщо сторінка чи сайт мають достатньо трафіку.
• Лабораторні дані («Діагностуйте проблеми продуктивності»): тест Lighthouse, запущений один раз на симульованому мобільному пристрої середнього класу зі штучно обмеженим з'єднанням. Він дає оцінку продуктивності та перелік можливостей.

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

Які пороги Core Web Vitals?

Core Web Vitals є трьома метриками, які Google вважає суттєвими для користувацького досвіду. Кожна оцінюється на 75-му процентилі завантажень сторінки: 75% візитів мають відповідати порогу.

INP замінив First Input Delay (FID) як один із Core Web Vitals у березні 2024 року. PSI також повідомляє First Contentful Paint (FCP) і Time to First Byte (TTFB), які корисні для діагностики, але не є Core Web Vitals. Докладніше можна прочитати на нашій сторінці про Core Web Vitals та про Largest Contentful Paint.

Як обчислюється оцінка продуктивності?

Оцінка від 0 до 100 походить лише з лабораторного тесту Lighthouse. Це зважене середнє п'яти лабораторних метрик: Total Blocking Time, Largest Contentful Paint, Cumulative Layout Shift, First Contentful Paint і Speed Index. Оцінка 90 і вище є хорошою, від 50 до 89 потребує покращення, нижче 50 погана.

Оцінка змінюється від запуску до запуску, бо умови мережі та сервера змінюються. Запускайте тест кілька разів і дивіться на тренд, а не на одне значення. Передусім не женіться за 100: сторінка на 75, що проходить оцінку Core Web Vitals у польових даних, пропонує реальним відвідувачам кращий досвід, ніж сторінка на 98, яка її не проходить.

Чи впливає PageSpeed Insights на SEO?

Core Web Vitals є частиною сигналів досвіду взаємодії зі сторінкою, які використовують системи ранжування Google. Google чітко каже, що релевантність і якість контенту стоять на першому місці: швидка сторінка не обійде корисніше. Швидкість найважливіша як вирішальний чинник між порівнянними сторінками та через свої непрямі ефекти: повільні сторінки втрачають відвідувачів ще до завантаження, гірше конвертують і ефективність їх сканування нижча.

Те, чого PSI не вимірює, настільки ж важливе: якість контенту, пошуковий намір, зворотні посилання чи вашу присутність у відповідях ШІ. Ідеальна оцінка з поверховим контентом не ранжуватиметься.

Які виправлення першими покращують звіт?

Розділи «Можливості» та «Діагностика» перелічують десятки пунктів. Розставляйте пріоритети за метрикою, яка провалюється в польових даних.

Якщо LCP повільний

• Стисніть і змініть розмір головного зображення, віддавайте його у WebP або AVIF і не вмикайте відкладене завантаження для зображення вгорі сторінки. Часто достатньо безкоштовного компресора зображень.
• Скоротіть час відповіді сервера (TTFB): кешування, CDN, швидший хостинг.
• Приберіть CSS і JavaScript, що блокують рендеринг, із критичного шляху, попередньо завантажте головне зображення й веб-шрифти.

Якщо INP поганий

• Зменште JavaScript: приберіть невикористані скрипти та сторонні теги (віджети чату, трекери, інструменти A/B-тестування).
• Розбийте довгі завдання, щоб браузер міг реагувати на взаємодії.
• Уникайте важкої роботи в обробниках кліків і відкладайте несуттєві скрипти.

Якщо CLS високий

• Задайте width і height для зображень, відео та iframe.
• Зарезервуйте місце для реклами, банерів і вбудованих елементів.
• Завантажуйте веб-шрифти із запасним варіантом зі схожими метриками, щоб обмежити зсуви тексту.

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

PageSpeed Insights, Lighthouse, Search Console: який інструмент для чого?

Практична рутина: щомісяця перевіряйте звіт Search Console, відкривайте PSI на групах URL, позначених як погані, виправляйте причину, а потім користуйтеся кнопкою «Перевірити виправлення» в Search Console.

Швидкість є однією частиною видимості

Використовуйте PageSpeed Insights, щоб пройти Core Web Vitals у польових даних, а не щоб досягти ідеальної оцінки, а потім вкладайте зусилля в контент і авторитет. Саме там вирішуються позиції та цитування ШІ. Sorank автоматизує цю частину: він пише й публікує оптимізовані статті, будує зворотні посилання та відстежує, як ChatGPT, Gemini і Claude згадують ваш бренд.