Заміри
Дивимось швидкість у PageSpeed Insights і дані реальних відвідувачів у Search Console. Окремо міряємо головну, сторінку послуги, категорію й товар.
Знаходимо, що сповільнює сайт, і виправляємо це в коді, а не ще одним плагіном. Вимірюємо швидкість на телефоні до і після роботи.
Повільний сайт втрачає людей ще до того, як вони побачать перший екран. Найчастіше винні не хостинг, а важкі зображення, конструктор сторінок, десятки плагінів і сторонні скрипти: чати, пікселі, капча. Їх можна прибрати або завантажувати пізніше.
Дивимось швидкість у PageSpeed Insights і дані реальних відвідувачів у Search Console. Окремо міряємо головну, сторінку послуги, категорію й товар.
Переводимо зображення в WebP чи AVIF, віддаємо потрібний розмір під екран і відкладаємо завантаження всього, що нижче першого екрана.
Прибираємо зайві плагіни, а чати, пікселі й капчу завантажуємо лише тоді, коли вони потрібні відвідувачу.
Налаштовуємо кешування сторінок, стиснення й версію PHP. Якщо обмеження у хостингу, кажемо про це прямо й радимо, куди переїхати.
Підключаємо шрифти з власного сервера, лише потрібні накреслення, і прибираємо стилі, які не використовуються на сторінці.
Показуємо, як змінилися показники Core Web Vitals і PageSpeed на телефоні та комп’ютері, і що ще можна покращити.
Плагін кешування дає швидкий приріст, але не прибирає причини, через які сайт повільний.
Вартість залежить від платформи, теми й кількості плагінів, тому називаємо її після перевірки сайту. Прискорення — разова робота; після неї швидкість можна тримати в межах підтримки сайту.
Конкретну цифру не обіцяємо: бал залежить від теми, хостингу й сторонніх сервісів, які потрібні вашому бізнесу. Мета — щоб сайт проходив оцінку Core Web Vitals на телефоні. Результат показуємо замірами до і після.
Так, Core Web Vitals входять до сигналів, які Google враховує. Але сильніше швидкість впливає на поведінку людей: з повільного сайту частіше йдуть, не дочекавшись першого екрана, і рідше залишають заявку.
Так, але межа нижча, ніж у сайту без конструктора. Спершу оптимізуємо те, що є. Якщо цього мало, пропонуємо перевести найважливіші сторінки на легший шаблон.
Працюємо на копії сайту, перевіряємо форми, кошик, оплату й мобільну версію і лише потім переносимо зміни на робочий сайт.
Відкрийте PageSpeed Insights і вставте адресу сторінки, дивіться вкладку для мобільних. Дані реальних відвідувачів є в Search Console у звіті Core Web Vitals.
Прискорення сайту — це робота над тим, щоб сторінки відкривалися швидко на телефоні й комп’ютері. Ми вимірюємо швидкість завантаження сайту, знаходимо, що її гальмує, і виправляємо це в коді, налаштуваннях і на сервері.
Google оцінює швидкість трьома показниками: як швидко з’являється головний елемент сторінки (LCP), як швидко сайт відповідає на дії (INP) і чи не «стрибає» вміст під час завантаження (CLS). Ці дані Google збирає з браузерів реальних відвідувачів.
У WordPress швидкість найчастіше з’їдають конструктор сторінок, плагіни, що підключають свої скрипти на кожній сторінці, і неоптимізовані зображення. Ми розробляємо сайти на WordPress самі, тому виправляємо ці речі в темі, а не додаємо ще один плагін.
На starosta-agency.com ми відклали завантаження reCAPTCHA до моменту, коли людина відкриває форму, перенесли шрифти на свій сервер і зменшили логотипи клієнтів майже на 1 МБ. Ті самі прийоми застосовуємо на сайтах клієнтів.
| Етап | Що робимо |
|---|---|
| Етап 1 | Заміри головних типів сторінок на телефоні й комп’ютері, дані Search Console |
| Етап 2 | Оптимізація на копії сайту: зображення, скрипти, плагіни, кеш, шрифти |
| Етап 3 | Перевірка форм і оплати, перенесення на робочий сайт, звіт до і після |