Чому сайт повільний і як його прискорити: чекліст

Користувач залишає сторінку, якщо вона довго не з'являється. А Google враховує швидкість під час визначення позицій. Тому повільний сайт втрачає і відвідувачів, і трафік. Нижче показую, як виміряти швидкість, що найчастіше її псує і з чого почати.

Як виміряти

• PageSpeed Insights: безкоштовний інструмент Google. Вводите адресу, отримуєте оцінку й список проблем для телефона й комп'ютера.
• Звіт Core Web Vitals у Google Search Console: показує реальні дані ваших відвідувачів.
• Lighthouse у браузері Chrome: детальний аналіз в інструментах розробника (DevTools).

Дивіться передусім на телефон: більшість відвідувачів приходять з нього, а мобільний результат зазвичай гірший.

Три ключові показники

Google називає їх Core Web Vitals. Межі для оцінки «добре»:

Що найчастіше сповільнює сайт

1. Важкі зображення

Фото на кілька мегабайтів, у старому форматі й завеликого розміру. Це причина номер один. Рішення: сучасні формати, розміри під екран, відкладене завантаження тих, що нижче першого екрана.

2. Шрифти

Кілька підключених зовнішніх шрифтів блокують показ тексту. Рішення: менше накреслень, шрифти з власного сервера, підвантаження тільки потрібних символів.

3. Зайві скрипти

Віджети чату, аналітика, пікселі реклами, слайдери: кожен додає навантаження. Рішення: прибрати, що не потрібно, решту підключати відкладено.

4. Важка тема чи конструктор

Готові теми й конструктори тягнуть велику кількість коду, яким ви не користуєтеся. Рішення: полегшити або замінити на власну легку верстку. Для WordPress докладніше — у статті WordPress чи власний код.

5. Повільний сервер і відсутність кешування

Дешевий хостинг, відсутність кешу, повільні запити до бази. Рішення: кешування, CDN, оптимізація запитів, за потреби інший хостинг.

6. Стрибки макета

Блоки «стрибають», бо для зображень і реклами заздалегідь не зарезервовано місце. Рішення: вказувати розміри.

Що робити першим: короткий план

1. Виміряйте й запишіть поточні показники.
2. Стисніть і замініть зображення: це швидкий і помітний виграш.
3. Приберіть непотрібні скрипти й віджети.
4. Налаштуйте кешування.
5. Перевірте шрифти.
6. Виміряйте ще раз і порівняйте.

Часто перші три кроки дають більшу частину ефекту.

Коли потрібна глибша робота

Якщо після цього сайт усе ще повільний, причина глибше: застарілий код, важка архітектура, повільна база даних.

Тоді розумно робити прискорення сайту з аудитом чи редизайн на сучасному стеку.

Якщо сайт на WordPress, див. також сайти на WordPress.

Часті питання

Яка швидкість завантаження вважається нормою?

Орієнтир Google: головний вміст має з'явитися не пізніше ніж за 2,5 секунди. Чим ближче до цього, тим краще.

Чи вплине швидкість на позиції в Google?

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

Чи можна прискорити без повної переробки?

Здебільшого так. Зображення, скрипти й кешування виправляють без переписування сайту.

Прискорення сайту: умови і що входить.