Сайт электронной коммерции раскрывает подход, который использовался в течение почти двух лет для оптимизации его работы. Проект, который расширяет серверы до веб-контента.
В середине 2016 года Rue du Commerce приступила к масштабному проекту по модернизации своей веб-платформы. Цель состоит в том, чтобы перейти от относительно монолитной архитектуры (объединяющей среду ColdFusion и домашнюю инфраструктуру PHP) к более гибкой и модульной среде в форме микросервисов. Различные функции сайта разделены на компоненты: поисковая система, товарный лист, корзина, клиентская область ... Все переносится (90%) на база приложений PHP Работает на Symfony3. Среды интеграции управляются из изображений докер , Что касается производственные серверы размещенные на Equinix, они размещаются на основе виртуального частного облака (VMware).
Влияние на SEO
В конце 2016 года результаты оказались на преддверии: производительность платформы, в частности, значительно улучшилась, при этом время отклика ключевого сервера было разделено на 25. «Для загрузки страницы продукта требуется всего 50 миллисекунд. официант, - говорит Анисс Бумригуа, глава фронт-офиса Rue du Commerce. Влияние на SEO положительное. Индексирующие роботы Google перемещаются по сайту намного быстрее, и количество просканированных ими страниц увеличивается механически (см. Две кривые ниже).
Под управлением Rue du commerce каждый компонент приложения разбивается на две службы. Первый отвечает за выставление «бизнес-объекта» (корзины, листа продукта ...) в форме API отдыха , Второй подключается к последнему и управляет дисплеем HTML соответствующий функционал. Таким образом, Rue du Commerce имеет «гибкую» систему электронной коммерции. «С помощью этой системы API мы можем легко переключиться на технологию, отличную от PHP, для управления веб-рендерингом, если возникнет такая необходимость», - говорит Анис Бумригуа, который ссылается на конкретные рамки AngularJS или реагировать. Чтобы повысить производительность набора, архитектура реплицирует данные (из исторической базы данных MariaDB) во вторую базу, тип NoSQL и ориентированную на документы (Couchbase). Обновленный в режиме реального времени через шину обмена сообщениями RabbitMQ, он играет роль кеша.
35 веб-улучшений
«Несмотря на этот редизайн, мы все еще были одними из последних в рейтинге JDN Webperf , Это привело нас к началу второго проекта в 2017 году, направленного на оптимизацию наших веб-страниц », - продолжает Анис Бумригуа. HTTPS затем HTTP / 2, техническое направление работает над работой муравьев в коде HTML: минификация и конкатенация CSS и JavaScript рационализация изображений (преобразование в SVG, сжатие и управление версиями), асинхронная настройка загрузки определенного содержимого (например, уведомлений внизу страницы, которые не должны появляться сразу) и т. д. Чтобы выявить все эти улучшения (всего 35), Rue du commerce сопровождается Fasterize.
«Улучшение webperf оказало положительное влияние на скорость трансформации»
Чтобы проследить влияние этой работы и ее кривую прогресса перед конкурентами, Rue du commerce сохраняет два эталонных индикатора: стартовый рендеринг или время показа первого пикселя страницы и индекс скорости или ритм. нагрузка над ватерлинией. Сайт использует инструмент мониторинга SpeedCurve.
Сегодня оценка считается "очень положительной". С марта 2017 года индекс скорости уличной торговли увеличился с 12 442 до 5 297 ». По моим оценкам, через два месяца мы сможем достичь значения 4 150, и таким образом приблизим нас к подиуму рейтинга. JDN в категории мобильной электронной коммерции », - говорит Анис Бумригуа. В то же время проект уже привел к значительному увеличению коэффициента конверсии. С 1 января 2017 года по 1 января 2018 года он вырос на 56% на мобильных устройствах. «Ясно, что улучшение webperf способствовало этому увеличению, но это, вероятно, не единственное объяснение», - сказал Анис Бумригуа.
На пути к управлению webperf
Чтобы еще больше продвинуть свое веб-приложение, Rue du Commerce планирует использовать несколько других рычагов в ближайшие месяцы. С помощью инструмента TagCommander сайт продавца оптимизирует планирование загрузки тегов и, в частности, удалит те, которые окажутся бесполезными, и утяжелит страницы. Еще одна инициатива в этой программе заключается в улучшении времени загрузки изображений путем использования специальной техники. Наконец, чтобы приблизиться к производительности, близкой к нативному мобильному приложению, менеджер фронт-офиса планирует поэкспериментировать рабочие услуги , Техника, которая через кеш-систему позволяет осуществлять навигацию даже в автономном режиме.
«Параллельно мы стремимся создать ячейку webperf, объединяющую технические профили и бизнес», - говорит Анис Бумригуа. «С помощью этой смешанной команды идея состоит в том, чтобы зарегистрировать проблему webperf прямо на этапе разработки маркетинга и создать глобальную структуру управления для арбитражного выбора». Чтобы повысить осведомленность компании, и особенно маркетинговых и графических команд, для веб-пользователя, менеджер фронт-офиса также намеревается воспользоваться внутренним письмом, которое каждую неделю направляет HR, чтобы рассказать об эволюции Rue du commerce. в рейтинге JDN. «В том же духе мы хотим установить экраны, показывающие наши веб-показатели эффективности по всей компании, а не только внутри офиса», - добавляет Анис Бумригуа.
Кратко о технической архитектуре Trade Street Язык PHP Framework Хостинг Symfony3 Equinix (избыточный на двух сайтах и с внутренним управлением) Базы данных MariaDB, Couchbase и ElasticSearch (для поисковой системы) Private Cloud VMware (планируется проект в 2018 году перенести производственную платформу в контейнеры Docker)