Перейти до вмісту

← До проєкту

Спринт до мілісекунд: Як ми прискорювали Powerway

Аудит показав, що головна сторінка Powerway вантажилася понад 4 секунди. Основна проблема була у «важких» слайдерах та неоптимізованих зображеннях, які важили по 2-3 МБ, а також у рендерингу великої кількості CSS-файлів.

Рішення:
Ми впровадили комплексний підхід:

  1. WebP та Lazy Loading: Всі зображення зконвертовані в WebP і завантажуються лише при появі в області видимості.

  2. Критичний CSS: Базові стилі винесені в інлайн, інші файли підвантажуються асинхронно (defer).

  3. Кешування браузера: Налаштували агресивне кешування для статики (картинки, шрифти, JS-бібліотеки) із суфіксом версії імені файлу.

Результат:
Швидкість завантаження скоротилася до 1.2 секунд (за даними Lighthouse для мобільних пристроїв). Це не лише покращило поведінкові фактори, але й дозволило заощадити трафік користувачів за рахунок стиснення Gzip.