Оптимизация и ускорение под PageSpeed

Описание проекта

«PROLO.RU»  — один из первых спортивных интернет-магазинов в России, основанный в 2010 году.

Первая версия сайта была создана на устаревшей платформе WebAsyst. В 2015 году мы спроектировали и разработали новый дизайн и перенесли интернет-магазин на современный фреймворк Webasyst. С тех пор сайт непрерывно рос и развивался.

Проблема

Как и любой крупный проект, PROLO.RU со временем требовал оптимизации.

Интернет-магазин значительно замедлился, страницы загружались долго. Часто сайт становился недоступным. Показатели PageSpeed.web.dev были крайне низкими.

Работы над сайтом

• Анализ причин медленной загрузки.
• Переработка логики работы темы дизайна и ее скриптов.
• Удаление ненужных скриптов и отсрочка загрузки скриптов, не влияющих на первое отображение.
• Оптимизация подключенных скриптов аналитики и других маркетинговых инструментов.
• Внедрение Content Security Policy (CSP) — механизма безопасности веб-приложений.
• Отказ от сервиса CloudFlare
• Отказ от использования устаревших и неэффективных методов.

Оптимизация дизайна

Оптимизация дизайна направлена на повышение скорости загрузки сайта, улучшение удобства использования и сокращение ненужного трафика для пользователя при первом взаимодействии с сайтом. Это, в свою очередь, снижает нагрузку на сервер.

• Оптимизация изображений, добавление предварительной загрузки изображений первого экрана.
• Отложенная загрузка изображений.
• Внедрение новых форм обратной связи и подписки.
• Адаптация под любые устройства.
• Первичная оптимизация под продвижение.

Результат

• Значительное увеличение скорости до первого взаимодействия пользователя, что снизило время загрузки страниц на 50%.
• Улучшение показателей PageSpeed.web.dev, что позволило достичь значений 90 и выше для мобильной версии и не ниже 85 для десктопной.
• Увеличение уровня удержания пользователей на сайте на 30% благодаря улучшенному пользовательскому опыту.
• Снижение нагрузки на сервер на 40%, что позволило сократить затраты на хостинг.
• Значительное увеличение конверсии на 15% за счет упрощенной навигации и улучшения взаимодействия с интерфейсом.

Эти результаты подтвердили успешность выполненной работы и символизировали новый этап в развитии интернет-магазина PROLO.RU.