PageSpeed - що це таке і для чого він потрібен?

Швидкість сторінки - один з найважливіших факторів ранжування Google, за яким алгоритми оцінюють веб-сторінки. Швидкість сторінки важлива з точки зору загального рейтингу вашого сайту і його позиції в пошуковій видачі. Як перевірити час завантаження сторінки та оптимізувати всі елементи, що впливають на нього? Чи має цей показник відношення до SEO? Дізнайтеся цю та іншу важливу інформацію про PageSpeed в цьому тексті.

PageSpeed - що це?

PageSpeed - це загальний час, необхідний для завантаження веб-сторінки - однієї сторінки, а не всього веб-сайту. У маркетингу під PageSpeed розуміють час від моменту натискання на URL-адресу до повного завантаження сторінки. Цей параметр впливає на кількість показів; за даними Google, швидке завантаження сторінки позитивно впливає на User Experience - створення позитивного користувацького досвіду. Швидкі сторінки оцінюються краще, а отже, мають кращі позиції у пошуковій видачі.

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

Наскільки швидким повинен бути сайт?

Наразі PageSpeed має становити не більше 3 секунд: саме стільки часу завантажуються всі файли. Повільні сторінки приваблюють менше клієнтів і швидко покидаються користувачами. Інтернет навіть любить швидкі сторінки!

Сторінка не повинна завантажуватися довше, ніж 3 секунди, але що саме є відповідною швидкістю? Показники, які безпосередньо пов'язані з факторами Core Web Vitals, тобто ті, що мають відношення до SEO, є, в свою чергу, показниками, що мають безпосереднє відношення до SEO:

• Найбільший Contentful Paint, значення якого не повинно перевищувати 2,5 секунди,
• Затримка першого входу, значення якої не повинно перевищувати 100 мс,
• Кумулятивний зсув макета, який має бути меншим за 0,1 (0,01 секунди).

Як перевірити швидкість мого сайту?

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

Від чого залежить швидкість сторінки? Ось найактуальніші питання:

• від хостингу: сервер має бути добре налаштований, щоб якомога швидше реагувати на запити пошукових систем. Зазвичай цим питанням займаються не власники сайтів, а хостинг-провайдери;
• від оптимізації кешу, яка дозволяє серверу зменшити свої ресурси і, таким чином, пришвидшити відповідь. Більшість CMS мають спеціальні плагіни для оптимізації кешу, наприклад, W3 Total Cache - для WordPress;
• на розмір файлів зображень: великі файли завантажуються довше - щоб не втратити якість (що також важливо), бажано стискати графіку до меншого розміру і вибирати відповідні формати файлів (JPEG, SVG);
• від вибору правильних SEO-інструментів: впровадження занадто великої кількості плагінів або розширень, які "заважають" один одному, може сповільнити роботу сайту;
• з відповідних редиректів, які потрібно регулярно оновлювати за потреби. Скорочення ланцюжка перенаправлень автоматично зменшує час відповіді сервера і, таким чином, пришвидшує роботу сайту.

Інструменти для вимірювання швидкості сайту

Тест PageSpeed є невід'ємною частиною будь-якого SEO-аудиту. Якщо ви хочете перевірити, як швидко завантажується сторінка, ви можете скористатися одним з безкоштовних інструментів аналізу. Google, безумовно, є лідером у цій галузі, пропонуючи інструменти для аудиту та виявлення помилок, які уповільнюють роботу сайтів.

• Google PageSpeed Insights - це один з найпопулярніших

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

• Швидкість сайту Google Analytics - Аналітика до zaawansowane

інструмент веб-аналітики. Щоб почати ним користуватися, достатньо додати відповідний фрагмент JS-коду в заголовок сторінки, що дозволить збирати дані GA про ваш сайт і, наприклад, провести тест на оптимізацію сторінки. Google Analytics має багато функціональних можливостей: з його допомогою ви також можете перевірити швидкість завантаження вашого сайту. Це можливо завдяки звіту і "поведінці" в розділі "швидкість сайту".

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

Для чого використовувати інструмент PageSpeed Insight?

На додаток до діагностики, PageSpeed Insight вкаже, що потрібно покращити, щоб пришвидшити роботу сайту. Тому ніщо не заважає вам скористатися підказками інструменту, щоб зробити свій сайт більш помітним. У чому причина швидкості сторінки і які переваги дає оптимізація?

• Мінімізація коду - стиснення HTML-файлів видаляє всі непотрібні символи і прискорює відображення сторінки браузером.
• Оптимізація CSS - каскадні таблиці стилів займають багато місця: щоб оптимізувати їх, по-перше, видаліть непотрібні таблиці, а по-друге, помістіть всі CSS в один файл.
• Стиснення Gzip - тобто стиснення файлів сторінок без втрат, завдяки чому вони не втрачають якості, але займають набагато менше місця і, відповідно, швидше завантажуються.
• Оптимізація зображень - тут також доцільно стискати зображення. Використання таких форматів, як JPG 2000, JPG XR, WebP дозволяє завантажувати файли зображень швидше і без втрати якості.
• Реалізація Lazy Load - завантаження зображень використовує досить багато ресурсів сервера: завантаження Lazy Load дозволяє завантажувати зображення тільки тоді, коли користувач знаходиться в зоні їх перегляду.
• Усуньте ресурси, які блокують рендеринг - елементи JavaScript, а також CSS не повинні завантажуватися раніше вмісту сторінки, оскільки це сповільнює її роботу. CSS і JS повинні знаходитися в розділі HEAD в тегах <style> і <script>.

Основні параметри, які можна перевірити за допомогою PageSpeed Insight

Core Web Vitals (ключові показники сайту) - це набір метрик, які призначені для визначення того, чи є веб-сайт зручним для користувачів. CWV стосуються продуктивності та швидкості роботи сторінок і є фактором ранжування сайтів з серпня 2021 року. Google запровадив Core Web Vitalis, оскільки користувацький інтерфейс стає все більш важливим фактором у рейтингу сайтів. І пошукова система хоче надати користувачам максимально зручні та цінні сторінки. Чотири основні параметри:

• FCP (First Contentful Paint) - час, коли користувач вперше бачить будь-який елемент у WWW;
• FID - First Input Delay - час від виконання дії (кліку) до відповіді сторінки, де важливим є час відповіді сервера;
• LPC - Largest Contentful Paint - час, необхідний для завантаження найбільшого фрагмента вмісту сторінки;
• CLS - Кумулятивний зсув макета - час, необхідний для стабілізації окремих макетів на сторінці, коли немає зсувів зображень або контенту.

Чи впливає PageSpeed на позиції в пошукових системах?

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

Швидко завантажується сторінка = позитивний UX = бали від алгоритму.

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

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

PageSpeed у порівнянні з фактичною швидкістю сторінки

Наприкінці 2021 року Google замовив нову версію PageSpeed Insight, яка, на відміну від попередньої версії, розрізняє лабораторні та реальні дані. Завдяки цьому інструмент тепер вимірює фактичну швидкість сторінки для користувачів браузера Chrome.

У новій версії PageSpeed Insights Api мітки, що позначають лабораторні та фактичні дані відповідно, замінені текстом, щоб кожен міг чітко читати звіти. Крім того, кожен користувач знайде детальну інформацію про те, як Core Web Vitals оцінює сторінки.

Основні функції PageSpeed Insight - що варто знати перед першим використанням?

Серед основних функцій PageSpeed Insights - аналіз швидкості та продуктивності сторінки. Після діагностики програма також надає пропозиції щодо змін для покращення швидкості, а також прогнозовану швидкість після впровадження запропонованих змін.

Щоб проаналізувати сторінку, просто вставте URL-адресу веб-сайту на домашню сторінку PageSpeed Insights і натисніть кнопку "Проаналізувати". Інструмент аналізує веб-сайт з точки зору його адаптації до мобільних пристроїв (mobile) і комп'ютерів (desktop). Сторінка аналізується з точки зору швидкості (Page Speed) та оптимізації (Optimisation), а швидкість Core Web Vitals може бути оцінена як повільна, середня та швидка. Статус оптимізації сторінки подається у відсотках, і оцінка вище 75% вказує на те, що сторінка достатньо оптимізована для пошукових систем.

Page Speed пропонує звіти, в яких дані згруповані за кількома категоріями, а саме

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

Результати швидкості сторінки - як оцінюються сторінки?

PageSpeed Insights оцінює сторінку за 100-бальною шкалою. Якщо сторінка набирає менше 69 балів, вона вважається неоптимізованою. Оцінка 50-89 балів присвоюється сайту, який є прийнятно оптимізованим, але потребує вдосконалення. Добре оптимізовані сайти отримують від 90 до 100 балів.

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