Сайт вантажиться довго — знайду причину й виправлю
Повільний сайт коштує грошей двічі: люди йдуть, не дочекавшись завантаження, а пошук опускає сторінку нижче. Я не «оптимізую взагалі» — спочатку вимірюю, що конкретно гальмує саме у вас, і виправляю те, що дає найбільший ефект.
Що таке Core Web Vitals простими словами
Google оцінює швидкість не одним числом, а трьома показниками, які описують відчуття користувача. Розуміти їх корисно, щоб не гнатися за «сотнею в PageSpeed» там, де вона нічого не змінює.
| Показник | Що означає | Норма |
|---|---|---|
| LCP | Коли з'явився головний елемент екрана — зазвичай велике зображення чи заголовок | до 2,5 с |
| INP | Наскільки швидко сайт реагує на натискання й кліки | до 200 мс |
| CLS | Чи стрибає верстка під час завантаження | до 0,1 |
Для бізнесу з цього випливає проста річ: важлива не цифра в тесті, а те, чи встигає людина побачити ваш товар до того, як їй набридне чекати.
Що зазвичай виявляється справжньою причиною
- Зображення в оригінальному розмірі. Найчастіша й найдорожча помилка. Фото 4000 пікселів завширшки, яке показується в блоці 400 пікселів, вантажиться повністю. Виправлення дає найбільший приріст за найменших зусиль.
- Гора сторонніх скриптів. Три системи аналітики, чат, віджет зворотного дзвінка, піксель, карта — кожен тягне свій код і блокує відображення.
- Важка тема або десятки плагінів. Типова історія для WordPress: з двадцяти плагінів реально працюють п'ять, решта просто вантажать свої стилі.
- Повільна відповідь сервера. Дешевий хостинг або незакешовані важкі запити до бази. Тут не допоможе жодна оптимізація фронтенду.
- Шрифти, що блокують рендер. Текст не показується, поки не завантажиться шрифт із зовнішнього сервера.
- Відсутність кешування. Кожен відвідувач змушує сервер збирати одну й ту саму сторінку заново.
Що входить у роботи
- Заміри й діагностика. PageSpeed Insights, WebPageTest, дані реальних користувачів з Chrome UX Report, аналіз водоспаду завантаження. Дивлюся і мобільну, і десктопну версію окремо.
- Зображення. Стиснення без видимої втрати якості, конвертація у WebP чи AVIF, коректні розміри під кожен блок, відкладене завантаження всього, що нижче першого екрана.
- Код. Видалення невикористаних стилів і скриптів, об'єднання й мінімізація, перенесення некритичних скриптів у відкладене виконання.
- Шрифти. Локальне розміщення, обмеження наборів символів, показ тексту резервним шрифтом до завантаження основного.
- Сервер і кеш. Стиснення відповідей, кешування сторінок, налаштування заголовків, за потреби — підключення CDN.
- Стабільність верстки. Фіксовані розміри для зображень і рекламних блоків, щоб контент не стрибав під пальцем користувача.
Вартість
| Послуга | Що отримуєте | Ціна |
|---|---|---|
| Аудит швидкості | Звіт із конкретними причинами й оцінкою кожного виправлення | від 3 000 грн |
| Базова оптимізація | Зображення, кеш, шрифти, очищення зайвих скриптів | від 6 000 грн |
| Глибока оптимізація | Плюс переробка шаблону, робота з сервером і базою | від 20 000 грн |
Вартість аудиту зараховується у вартість робіт, якщо ви вирішите їх замовити. Після завершення ви отримуєте звіт із замірами до і після — щоб було видно, за що заплачено.
Що питають про швидкість
Чи гарантуєте 100 балів у PageSpeed?
Швидкість справді впливає на позиції в пошуку?
Чи не зламається сайт після оптимізації?
Результат збережеться надовго?
Надішліть адресу — подивлюся, що гальмує
Перший погляд на показники нічого не коштує. Скажу, чи є там що виправляти і чи варта гра свічок саме у вашому випадку.