Краткое содержание
Net-A-Porter экономит время разработки благодаря библиотеке полимеров Google.
NET-A-PORTER реализовала компонентный дизайн своих онлайн-ресурсов с использованием библиотеки Google Polymer. Результатом стала значительная экономия времени на разработку, стандартизация кода на всех сайтах и повышение эффективности SEO за счет использования структурированных данных.
Полученные результаты
- Экономия времени на разработку.
- Стандартизированный код онлайн-ресурсов NET-A-PORTER.
- Улучшение эффективности SEO за счет использования структурированных данных.
О NET-A-PORTER
NET-A-PORTER, основанный в июне 2000 года, является мировым лидером в сфере роскошной онлайн-моды и представляет коллекции более чем 350 самых востребованных дизайнеров мира.
За интернет-магазином компании работает команда инженеров, которая усердно работает над созданием и обслуживанием сайта net-a-porter.com, а также сети веб-сайтов и приложений, в которую входят два журнала мод и социальная сеть.
Размышляя о своих веб-свойствах, инженеры NET-A-PORTER видят каждую страницу сайта не как страницу, а как набор компонентов.
Например, страница продукта может включать в себя компонент цен, указывающий на экономию во время продажи, компонент карусели со ссылками на сопутствующие продукты, интерактивный компонент, демонстрирующий полные комплекты с продуктами, компонент раскрывающегося списка для добавления продукта в список желаний и более.
Компонентный подход
В начале 2016 года команда инженеров NET-A-PORTER решила оценить, как компания может использовать компоненты и применять их при написании кода для своих веб-ресурсов. Из-за множества страниц и подсвойств, подпадающих под действие NET-A-PORTER, а также из-за того, что этими страницами управляют разные команды, инженеры знали, что нет смысла начинать с нуля с новой технологией, от которой потребуется избавиться их существующий стек. Идеальное решение позволило бы им наслаивать новые компоненты и добавлять их на страницы по мере создания дополнительных компонентов. Компоненты должны иметь возможность независимо взаимодействовать с различными серверными службами, а также предоставлять структурированные данные о продукте веб-сканерам.
Испытания и успех с Polymer
Оценив ряд решений, NET-A-PORTER решила протестировать библиотеку Google Polymer. Первоначальный эксперимент с Polymer был завершен настолько быстро и успешно, что инженеры NET-A-PORTER решили двигаться дальше и практически сразу ввести Polymer в общий план разработки веб-сайтов организации.
Робин Глен и Мэтью Грин, инженеры команды, поделились:
Polymer было легко интегрировать в нашу систему и приступить к работе в кратчайшие сроки. Тот факт, что у нас такой большой веб-сайт с таким количеством различных аспектов, означает, что у нас легко могут возникнуть несоответствия. Polymer позволяет нам создавать полноценные и сложные веб-приложения, которые можно масштабировать и поддерживать.
Стандартизация кода также прошла легко, поскольку Polymer основан на стандартах браузеров веб-компонентов. Глен продолжает:
При создании с использованием веб-стандартов наш код остается близким к платформе. Это облегчает изучение того, как использовать и создавать новые компоненты, обеспечивая постоянное повышение производительности по мере совершенствования браузеров и позволяя нам планировать на долгосрочную перспективу. Поскольку он основан на стандарте W3C, мы уверены, что будем использовать эту платформу. Вскоре даже необходимость в полифилах практически исчезнет.
И были также преимущества для SEO. Глен говорит, что:
Компоненты эффективно предоставляют поисковым системам подробные структурированные данные о продуктах. Тестирование этих структурированных данных теперь является непосредственной частью схемы непрерывной интеграции нашей команды.
Сделав первоначальные инвестиции в проектирование и создание компонентов, команда NET-A-PORTER добилась значительного долгосрочного повышения эффективности: новые страницы и функции легче и быстрее создавать и запускать, а также легче интегрировать отзывы заинтересованных сторон и внесение конструктивных изменений в инженерный процесс.
Будущее полимера
Команда в восторге от того, как Polymer сделал возможным ее веб-разработку. Глен говорит:
Как только мы увидели, как можно повторно использовать компоненты, соединяя их по-разному, мы заволновались. Мы начали задаваться вопросом, есть ли дополнительные способы использования компонентов в бизнесе.
Глен считает, что с Polymer можно исследовать гораздо больше. Он говорит,
Это только начало нашего пути к полимерам. В настоящее время мы улучшаем доставку и удобство обслуживания существующих компонентов, одновременно работая над расширением использования Polymer на большем количестве страниц NET-A-PORTER. Мы работаем над документированием нашего подхода с помощью общедоступного руководства по стилю компонентов NET-A-PORTER. Полимер также очень полезен для изготовления внутренних инструментов. Недавно мы создали набор графических компонентов и переформатировали всю нашу службу мониторинга для использования Polymer.