Перейти к содержимому

← К проекту

Спринт к миллисекундам: Как мы ускоряли Powerway

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

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

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

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

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

Результат:
Скорость загрузки сократилась до 1.2 секунды (по данным Lighthouse для мобильных устройств). Это не только улучшило поведенческие факторы, но и позволило сэкономить трафик пользователей за счет сжатия Gzip.