New York Dress — интернет-магазин, предлагающий покупателям дизайнерские вечерние платья. Веб-сайт клиента столкнулся с проблемой пользовательского опыта и неодобрением поисковой системы из-за низкой скорости загрузки страницы. Нам нужно было пересмотреть все компоненты сайта и увеличить его скорость.

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

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

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

Таким образом мы подняли рейтинг (согласно Google Page Speed Insight) десктопной версии с 24% примерно до 70%. Вы можете увидеть, как это повлияло на среднее время загрузки содержимого документа, на диаграмме ниже:

Веб-сайт NewYorkDress построен на Shopify и был создан с помощью готового конструктора страниц. Это может работать для небольших проектов, но когда речь идет об интернет-магазине с более чем 1000 товаров, сайт не может работать быстро с тяжелыми готовыми решениями. Например, одной из проблем этого интернет-магазина было то, что слайдер на главной странице был разработан с 16 слайдерами вместо 16 изображений в одном слайдере. Что, естественно, негативно сказалось на скорости загрузки страницы.

Мы успешно увеличили время загрузки страницы в три раза: с 24% до 70%. Этот результат напрямую влияет на опыт пользователя и его производительность на веб-сайте. Чем меньше времени уходит на загрузку контента, тем выше вероятность совершения покупки. Это также позволяет веб-сайту иметь более высокий рейтинг доверия поисковых систем, что гарантирует больше посетителей из органического поиска.

Менеджер проекта
Shopify Разработчик