Швидкість сайту давно перестала бути технічною метрикою «для розробників». Це фактор ранжування Google, частина досвіду користувача і — цілком вимірювано — гроші: кожна зайва секунда завантаження коштує відсотків конверсії.
Три метрики, які вимірює Google
- LCP (Largest Contentful Paint) — за скільки з’являється головний контент екрана. Ціль: до 2,5 секунди.
- INP (Interaction to Next Paint) — як швидко сайт реагує на кліки й введення. Ціль: до 200 мс.
- CLS (Cumulative Layout Shift) — чи «стрибає» верстка під час завантаження. Ціль: менше 0,1.
Ці показники Google збирає з реальних користувачів Chrome — тому «швидко на моєму ноутбуці» нічого не гарантує людям із середнім телефоном у 4G.
Що насправді сповільнює сайти
У 90% повільних сайтів, які ми аудитували, причини одні й ті самі: неоптимізовані зображення, десятки сторонніх скриптів, важкі теми-конструктори, відсутність кешування і шрифти, що блокують рендер.
Найшвидший код — той, якого немає. Половина оптимізації — це видалити зайве, а не додати «плагін для швидкості».
Оптимізації з найбільшим ефектом
- Зображення у форматі WebP/AVIF із правильними розмірами та лінивим завантаженням.
- Критичний CSS і відкладене завантаження другорядних скриптів.
- Кешування сторінок і CDN для статики.
- Шрифти: власний хостинг,
font-display: swap, мінімум накреслень. - Ревізія плагінів: усе, що не працює на результат, — видалити.
Як швидкість конвертується в гроші
Дослідження стабільно показують один тренд: прискорення завантаження з 4 до 2 секунд дає двозначний приріст конверсії в e-commerce. Причина проста — людина з телефоном не чекає. Швидкий сайт виграє двічі: у видачі Google і в момент, коли користувач вирішує, залишитися чи ні.
З чого почати
Виміряйте реальні показники в PageSpeed Insights для головної, категорії та картки товару. Знайдіть три найважчі елементи — зазвичай це банер, скрипти аналітики й шрифти. Виправте їх, і ви отримаєте 80% результату за 20% зусиль.