Стратегия увеличения скорости веб-сайта Stainless Steel Fittings
ЗаказчикStainless Steel Fittings — это компания, специализирующаяся на предоставлении клиентам гидравлических шлангов и фитингов OEM-класса высочайшего качества по ценам производителя, сочетая надежность с доЗадача1. Перейти на CS-Cart платформу; 2. создать новый функционал сайта; 3. обеспечить высокую скорость сайта электронной коммерции; 4. обновить дизайн.
Кратко о проекте
После успешного завершения проекта Titan Fittings наш клиент остался доволен, и мы занялись работой над сайтом Stainless Steel Fittings.
Этот интернет-магазин предлагает покупателям гидравлические шланги и фитинги OEM-класса. Он ориентирован на прямое сотрудничество с промышленными потребителями, исключая лишние звенья дистрибуции между товарами и конечными пользователями. Компания закупает комплектующие у проверенных поставщиков и контролирует их надежность в процессе эксплуатации у клиентов.
В интернет-магазин Stainless Steel Fittings входят:
- 2,000 категорий;
- более 20,000 товаров.
Основные цели проекта
— Настройка CMS
Сайт Stainless Steel Fittings был создан на платформе Volusion CMS, которая не обеспечивала достаточного уровня настроек для реализации потребностей нашего клиента. Поэтому было решено перейти на платформу CS-Cart с широким выбором готовых модулей, которые упрощают процесс настройки для разработчиков. Кроме того, CS-Cart отлично отвечает требованиям электронной коммерции, делая его оптимальным выбором для подобных проектов.
— Единая административная панель для нескольких витрин
Сейчас у клиента есть четыре сайта электронной коммерции, которые специализируются на продаже фитингов из нержавеющей стали и гидравлических шлангов как в онлайн, так и в офлайн формате. Однако наличие отдельной административной панели для каждого сайта значительно усложняет процесс управления.
CS-Cart CMS выгодно отличается возможностью централизованного управления несколькими витринами через одну админ-панель. Оценив это преимущество, еще одной целью проекта было создать одну административную панель на CS-Cart для всех проектов клиента.
— Высокая скорость загрузки сайта
Клиент столкнулся с такой серьезной проблемой, как медленная загрузка страниц на мобильных устройствах, что негативно сказывалось на его бизнесе. Чтобы решить эту задачу, была поставлена цель — внедрить наше передовое решение Lightning Commerce.
Это решение обеспечивает значительное повышение производительности и стабильности работы сайта, особенно в периоды пиковых продаж, что критически важно для успешного ведения электронной коммерции.
— Современный и привлекательный интернет-магазин
Одной из ключевых задач клиента было создание красивого и современного интернет-магазина с функциональностью, отвечающей требованиям электронной коммерции.
Для достижения этой цели было решено создать удобный пользовательский интерфейс, адаптивный дизайн, интеграцию с выбранными платежными системами и подключение к популярным службам доставки.
Технологии, использованные для работы над проектом:
1) Lightning Commerce
Это наше собственное решение, разработанное на базе современной архитектуры Jamstack. Оно позволяет создавать сверхбыстрые, стабильные и легко масштабируемые интернет-магазины с высоким уровнем защиты от взлома. Эта технология обеспечивает исключительную производительность и надежность, идеально подходит для динамичного мира электронной коммерции.
— Next.js
— Tailwind
— Vercel
2) CS-Cart для панели администратора
CS-Cart CMS отлично подходит для управления несколькими интернет-магазинами, что идеально соответствует потребностям нашего клиента, владеющего четырьмя магазинами по продаже гидравлических изделий для промышленности. К тому же клиент уже хорошо знаком с этой платформой.
Однако, несмотря на широкий функционал CS-Cart, система имеет недостаток — низкую скорость загрузки страниц витрины. Чтобы решить эту проблему, мы отделили витрину от административной панели. Витрина была разработана на базе Next.js, что обеспечило высокую скорость и производительность, а админ-панель осталась на платформе CS-Cart, сохранив удобство управления.
3) Интеграции со сторонними сервисами
В ходе работы была выполнена интеграция с рядом сервисов:
- Meilisearch — сверхбыстрая поисковая система с открытым исходным кодом, значительно улучшающая процесс поиска товаров на сайте.
- ShipStation — универсальное веб-решение для управления доставкой, которое упрощает выполнение заказов. Этот инструмент объединяет заказы из более чем 70 каналов электронной коммерции, обеспечивая удобство и эффективность логистики.
Эти интеграции сделали веб-сайт более функциональным и удобным как для клиентов, так и для администрации магазина.
Результаты: супербыстрый интернет-магазин
1. Успешный переход с Volusion на CS-Cart
Разработчики Alt-team успешно осуществили перенос данных с платформы Volusion на CS-Cart. Были перенесены:
- История заказов
- Данные клиентов
Клиент самостоятельно выполнил перенос товаров и категорий, воспользовавшись удобной функцией импорта/экспорта, предоставляемой CS-Cart. Такой подход обеспечил плавный переход на новую платформу с минимальными затратами времени и ресурсов.
2. Одна админ-панель для двух витрин
После успешного завершения проекта Titan Fittings наш клиент решил модернизировать еще один из своих проектов.
Команда Alt-team обеспечила сверхбыструю производительность веб-сайта Stainless Steel Fittings, а также внедрила решение, позволяющее управлять сразу двумя проектами через одну административную панель. Это упростило управление и повысило эффективность работы клиента.
3. Использование Lightning Commerce
Мы успешно запустили еще один проект с использованием технологии Lightning Commerce, получив веб-сайт, который отличается высокой скоростью работы, превосходной безопасностью и легкой масштабируемостью.
Показатели производительности сайта для мобильных устройств и планшетов теперь стабильно находятся в зеленой зоне по оценкам Google Page Speed, что значительно улучшает пользовательский опыт.
4. Сверхбыстрый поиск и улучшенная функциональность
Новый сайт впечатляет функцией мгновенного поиска с временем отклика менее 3 миллисекунд.
Поиск часто становится слабым местом многих интернет-магазинов: медленная скорость, неудобная сортировка и фильтрация продуктов приводят к оттоку клиентов. Чтобы устранить эти проблемы, мы интегрировали сервис Meilisearch, обеспечивающий молниеносный поиск.
Кроме того, благодаря решению Lightning Commerce, функции сортировки и фильтрации продуктов были оптимизированы. Это делает процесс покупок быстрым, удобным и полностью беззаботным для пользователей.
5. Настройка 301 редиректов
По запросу клиента мы выполнили настройку 301 редиректов в связи с созданием новой структуры категорий и URL.
Большая часть редиректов была реализована на сервере Vercel, обеспечивая быструю и стабильную переадресацию. Остальные редиректы были настроены через стандартный функционал админ-панели CS-Cart, что позволило эффективно управлять перенаправлениями и сохранить SEO-показатели сайта.
Итог:
Мы создали сверхбыстрый интернет-магазин, в котором переход между страницами абсолютно незаметен благодаря использованию нашего решения Lightning Commerce. Это позволило достичь практически идеальных показателей на Google PageSpeed для десктопной версии — около 100%.
Благодаря интеграции с Meilisearch мы реализовали мгновенный поиск по товарам, что значительно улучшило пользовательский опыт.
Сайт выполнен в модульной архитектуре: витрина отделена от административной панели. Админ-панель на базе CS-Cart остается быстрой и эффективной, независимо от нагрузки. Высокий уровень безопасности делает магазин практически невзламываемым, а стабильная работа сайта обеспечена даже в периоды интенсивного трафика, например, во время распродаж.
Если вы хотите создать подобный интернет-магазин, обращайтесь к нам:
Почта: manager@alt-team.com
Перейти на сайт
Полный текст статьи читайте на CMS Magazine прочитано 927 раз
