Кейс по увеличению скорости загрузки сайта интернет-магазина косметики

evopro.by

NelisStyle – это современная компания, специализирующаяся на продаже профессиональной косметики для волос в городе Минске. Основной ассортимент включает шампуни, бальзамы, масла, краски и другие средства ухода от таких известных брендов, как BBcos, EVO, Bouticle и других. Компания активно развивает интернет-продажи, предлагая удобный онлайн-каталог, быструю доставку и квалифицированную консультацию по подбору средств. Продукция ориентирована как на профессионалов индустрии красоты (салоны, мастеров), так и на конечных покупателей, которые хотят получить салонный уход в домашних условиях.

Сайт

Каталог

Страна

Беларусь

Сложность

Высокая

Срок работ

1 месяц

Скорость

67 / 90

Загрузки сайта

Узкая ниша

Сайт продаёт профессиональную косметику
для волос от европейских брендов,
что требует точного позиционирования.

Техническая сложность

Проект осложнялся устаревшей
версией PHP и низкой
производительностью WordPress-сайта.

Цель проекта

Главная цель — ускорить сайт
и улучшить пользовательский
опыт на мобильных устройствах.

Уникальный подход

Оптимизация выполнена без
полной переработки сайта за счёт
точечных технических решений.

с чем пришел клиент

Проблемы с низкой скоростью загрузки сайта

Низкая скорость загрузки сайта, особенно на мобильных устройствах, что негативно сказывалось на пользовательском опыте и позициях в поисковой выдаче.

Необходимость технической оптимизации и доработок

Необходимость технических доработок для улучшения производительности и стабильности работы интернет-магазина на платформе WordPress.

Улучшение пользовательского опыта и визуального контента

Требование оптимизировать визуальный контент и функциональные элементы сайта для повышения удобства пользования и конверсии.

Задача 1

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

задача 2

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

задача 3

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

Ниша

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

Решение

Для ускорения сайта была обновлена версия PHP, что позволило улучшить производительность без вмешательства в структуру. Мы настроили кеширование, lazy loading, конвертацию изображений в формат webp и оптимизировали шрифты для быстрой загрузки контента.

Эффективность SEO-аудита

Результат

В ходе SEO-аудита были выявлены технические проблемы, влияющие на скорость сайта, применены решения по обновлению PHP, кешированию, оптимизации изображений и lazy loading, удалён лишний код и оптимизированы шрифты, подключён скрипт отложенной загрузки чата, показатели PageSpeed выросли до +25% на десктопе и до +50% на мобильных, аудит показал, что без редизайна можно добиться почти идеальной скорости загрузки, что существенно повысило удобство использования сайта и снизило вероятность отказов со стороны пользователей.

Как мы это сделали

Процесс работы

Для повышения производительности сайт был переведён на новую версию PHP. Современные версии языка работают быстрее, эффективнее обрабатывают запросы и обеспечивают лучшую совместимость с актуальными технологиями.

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

Шрифты, ранее загружаемые с внешних ресурсов, были перенесены на хостинг сайта. Это позволило сократить время их загрузки и уменьшить зависимость от сторонних сервисов.

Стандартный онлайн-чат, ранее загружавшийся вместе со всем сайтом, был заменён на скрипт с отложенной загрузкой. Теперь он появляется только после активности пользователя, не мешая быстрой загрузке основного контента.

Была настроена система кеширования, которая позволяет сохранять некоторые данные (например, стили и скрипты) в памяти устройства пользователя. Благодаря этому страницы сайта при повторных посещениях загружаются значительно быстрее.

На сайте внедрена технология отложенной загрузки изображений и тяжёлых элементов. Это значит, что они начинают загружаться только тогда, когда пользователь прокручивает страницу до них. Такой подход снижает нагрузку при первоначальной загрузке страницы.

Для всех изображений были заранее указаны размеры. Это помогает браузеру корректно размещать элементы до загрузки изображений, что исключает резкие сдвиги вёрстки и делает сайт более стабильным при просмотре.

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

Скорость загрузки сайта

Скорость

evopro.by

Анализировать

Мобильные устройства

Компьютер

evopro.by

0-49

50-89

90-100

Мобильные устройства

Компьютер

evopro.by

0-49

50-89

90-100

Показания сервиса
Google PageSpeed Insights

Наши специалисты следят за скоростью загрузки сайта, постоянно проводят работы по её увеличению и поддержанию на высоком уровне. Быстрая загрузка сайта создает позитивный пользовательский опыт, что в свою очередь увеличивает вероятность, что пользователи останутся на сайте и будут взаимодействовать с его контентом. Несмотря на большое количество внедрённых тяжеловесных блоков наши специалисты удержали крайне высокую скорость сайта на декстопных устройствах и даже смогли увеличить скорость на мобильных.

Результаты по SEO-аудиту

Итоги

В результате проделанных работ мы получили, что скорость загрузки на компьютерах увеличилась в среднем на 25%, а на мобильных на 40-50%. Скорость работы сайта дошла почти до 100, что безусловно является первоклассным результатом и золотым стандартом компании SILVERWEB. Мобильные устройства ввиду своей специфики заметно уступают компьютерам в производительности и для высоких показателей скорости разгрузки требуются совсем иные меры, которые в данном случае не нужны.

1. Существенный прирост производительности

Скорость загрузки сайта на компьютерах увеличилась в среднем на 25%, что обеспечило более комфортное взаимодействие пользователей с ресурсом.

2. Оптимизация мобильной версии

На мобильных устройствах прирост составил до 50%, что особенно важно в условиях растущего трафика с телефонов и планшетов.

3. Почти идеальный результат PageSpeed

Показатель скорости сайта приблизился к 100 баллам, что соответствует золотому стандарту компании SILVERWEB и демонстрирует высокий уровень технической оптимизации.