Оптимизация производительности магазина премиальных аксессуаров в Германии

Главное о кейсе

По данным Google PageSpeed производительность интернет-магазина повысилась на 58% на мобильных устройствах и на 34% для десктопной версии. Проект выполнен за 7 рабочих дней

Бизнес-задача и ее решение

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

Прочая информация о кейсе

АНАЛИТИКА И РЕШЕНИЯ

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

- Устранение блокировок кода
- Повышение скорости отклика сервера
- Компрессия HTML
- Оптимизация размера изображений

СОКРАЩЕНИЕ КОЛИЧЕСТВА JAVASCRIPT И CSS КОДА, БЛОКИРУЮЩЕГО РЕНДЕРИНГ В ВЕРХНЕЙ ЧАСТИ СТРАНИЦЫ

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

СОКРАЩЕНИЕ КОЛИЧЕСТВА СЕССИЙ В REDIS

Redis - это структура хранения данных в памяти, используемая как база данных, хранилище кэша и брокер сообщений. При каждом посещении сайта создается сессия, которая хранится в Redis около месяца. Магазин периодически извлекает все сессии из Redis и перезаписывает старые сессии на новые. На момент запуска проекта в хранилище WatchStyle было 75 355 сессий. Из-за большого количества сессий процесс извлечения происходил очень медленно и приводил к 2-секундной задержке ответа сервера.

УСТАНОВКА МОДУЛЯ «MINIFY HTML/УМЕНЬШЕНИЕ РАЗМЕРА HTML-КОДА»

Мы установили модуль CS-Cart «Minify HTML», который уменьшает размер HTML-кода за счет удаления ненужных пробелов, переносов строки, табуляции и других дополнительных объектов. Это позволяет повысить скорость загрузки сайта, снизить затраты на передачу данных и оптимизировать хранение на встроенных системах.

ОПТИМИЗАЦИЯ ИЗОБРАЖЕНИЙ

В интернет-магазине доступно 10.000+ позиций. Для повышения скорости загрузки изображений мы пересохранили их, сделав более компактными с помощью .jpeg компрессии. Меньший размер изображений означает более высокую скорость загрузки, меньшую загрузку каналов и, как итог, счастливых покупателей.

Скриншоты

Комментарий заказчика

«Мне было приятно работать с Simtech. Специалисты всегда отвечали профессионально и компетентно. Сроки и качество разработки соответствовали моим ожиданиям».