Войти на сайт
Логотип
Клиентам

MUJJOSHOP - одежда, обувь и аксессуары от лучших брендов

Вернуться к списку
Собственный проект витрины товаров на базе Admitad.

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

Технически требовался максимально быстро работающий сайт с минимальным дизайном и набором js-скриптов для получения высоких баллов по Google PageSpeed и дальнейшей хорошей индексации в поисковиках.

Великолепным подспорьем явилась технология Композитного сайта позволяющая закешировать весь сайт в статичные html с быстрой отдачей через nginx и обновлением контента в фоне. Это максимально подходило мне по концепции.

Помимо этого в проекте применены ряд технологических решений, которые хочу отметить:
  • Собственный компонент каталога, который отвечает за построение как списка товаров, так и детальной карточки. Данный подход позволяет использовать общие входные параметры по всему сайту и исключает ситуацию, когда в списке товара - нет, а карточки товаров - существуют. Это обеспечивает целостность и особенно важно для поддержания в актуальном состоянии потенциально большого объёма страниц.
  • Собственные ЧПУ URL содержащие только названия разделов/брендов/цветов и т.д. и ничего лишнего без использования query_string.
  • Все URL в компоненте проверяются на валидность каждого содержащегося в них параметра и их порядка. Не валидные URL переадресуются 301 редиректом на валидные с нужным порядком. Это критически важно для поддержания чистоты страниц в поиске.
  • Применил дополнительные инструменты для оптимизации CSS/JS/HTML. Для CSS и JS автоматически создаются минифицированные варианты. Для HTML при выводе в режиме Композита перед записью в кеш происходит минификация и всего html, а также удаление из объединённых файлов js/css лишних комментариев. Всё это позволяет сокращать вес статики почти на 50%.
  • Для хранения картинок используется отдельный инфоблок, в котором есть Оригинал картинки и 3 версии разных разрешений в форматах JPG/WEBP, которые генерируются в фоне после добавления. При необходимости изменения дизайна, не составит проблем перегенирировать картинки с новые разрешениямм из Оригинала.