Чому ваш PageSpeed такий низький
За нашим аналізом, більшість сайтів з PageSpeed Score 40-60 мають кілька типових проблем: незоптимізовані зображення (дають 30-50% приросту після виправлення), відсутність кешування, блокуючі скрипти і шрифти без preload. Хороша новина — більшість з цього виправляється без написання коду, особливо на WordPress.
1. Конвертуйте зображення у WebP
WebP у середньому на 30% менший за JPEG при тій самій якості. На WordPress встановіть плагін Imagify або ShortPixel — вони автоматично конвертують всі нові та існуючі зображення. Це одна дія яка може дати +15-20 балів до PageSpeed.
2. Додайте атрибути width і height до зображень
Без цих атрибутів браузер не знає скільки місця зарезервувати для зображення і перебудовує макет після завантаження (CLS). У WordPress це виправляється в налаштуваннях теми або через плагін. Покращує CLS і може підняти LCP.
3. Увімкніть кешування сторінок
WordPress без кешування генерує HTML динамічно для кожного запиту. WP Rocket, LiteSpeed Cache або W3 Total Cache зберігають готовий HTML і віддають його без звернення до бази даних. TTFB (час відповіді сервера) зменшується з 500-800мс до 50-100мс. Це покращує всі метрики.
4. Перенесіть скрипти в кінець сторінки
JavaScript-файли в <head> блокують відображення сторінки. Більшість плагінів кешування мають опцію "Defer JavaScript" або "Move JS to footer" — увімкніть її. Виняток: деякі скрипти (Google Tag Manager, критичний CSS) повинні бути в <head>.
5. Preconnect до зовнішніх ресурсів
Якщо ваш сайт використовує Google Fonts, Google Analytics, Cloudflare — додайте preconnect у <head>: <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>. Це скорочує час підключення до зовнішніх серверів на 100-300мс.
6-7. CDN і lazy loading
Підключіть безкоштовний Cloudflare CDN — він роздає статичні файли (CSS, JS, зображення) з найближчого до відвідувача сервера. І увімкніть lazy loading для зображень: loading="lazy" на всіх img тегах що не в першому екрані. На WordPress це є в налаштуваннях медіа з версії 5.5.
Щоденний моніторинг PageSpeed
Навіть після оптимізації PageSpeed може погіршитись — після встановлення нового плагіна, додавання великого зображення або підключення нового віджету. Rank Sentinel відстежує PageSpeed Score щодня і сповіщає при падінні нижче порогового значення, щоб ви могли відреагувати швидко.