Сайт гальмує: що перевірити за 15 хвилин
Повільний сайт втрачає відвідувачів і позиції в пошуку. Хороша новина: у більшості випадків причина одна з кількох типових, і їх можна перевірити за чверть години.
1. Виміряйте, а не вгадуйте
Запустіть Google PageSpeed Insights або Lighthouse у Chrome DevTools для головної й однієї внутрішньої сторінки. Дивіться на мобільні результати, бо саме вони найчастіше гірші. Google вважає «хорошими» такі значення: найбільший елемент (LCP) до 2,5 с, реакцію на дію (INP) до 200 мс, зсув макета (CLS) до 0,1.
2. Картинки
- Віддавайте сучасні формати (WebP чи AVIF) замість важких JPG і PNG.
- Не завантажуйте зображення 4000 пікселів, якщо на сторінці їм потрібно 800.
- Вмикайте відкладене завантаження для картинок нижче першого екрана, але не для головної.
- Задайте ширину й висоту, щоб макет не стрибав.
3. Шрифти
Розміщуйте шрифти на своєму сервері, підключайте лише потрібні накреслення й мови, додайте font-display: swap. Підключення десяти накреслень із чужого сервера легко додає півсекунди.
4. Скрипти й віджети
Аналітика, чати, пікселі, карти, слайдери: кожен додає код і запити. Видаліть те, чим не користуєтесь, і завантажуйте решту після першої взаємодії користувача.
5. Хостинг, кеш і CDN
Повільна відповідь сервера (TTFB) не лікується оптимізацією картинок. Перевірте тариф, вмикніть кешування й подумайте про CDN. Для статичних сайтів це особливо просто.
6. Плагіни й тема (WordPress та подібні)
Кожен плагін додає запити й код. Вимкніть непотрібні, оновіть решту, замініть важку тему на легшу. Перевірте, чи не стоять одразу кілька плагінів-оптимізаторів, які заважають один одному.
7. Головний банер і слайдер
Великий слайдер на першому екрані часто і є тим самим «найбільшим елементом», що ріже LCP. Замінюйте його однією оптимізованою картинкою чи текстом.
Потрібна допомога з цим?
Опишіть задачу, і ми підкажемо, з чого почати. Перша розмова безкоштовна.