Podsumowanie
Net-A-Porter oszczędza czas programowania dzięki bibliotece Polymer Google
Firma NET-A-PORTER wdrożyła projekt oparty na komponentach w swoich usługach online, korzystając z biblioteki Google Polymer. W rezultacie dzięki wykorzystaniu uporządkowanych danych można było znacznie zaoszczędzić czas potrzebny na programowanie, korzystać ze standardowego kodu we wszystkich witrynach i poprawić wydajność SEO.
Wyniki
- Oszczędność czasu.
- Znormalizowany kod we właściwościach online NET-A-PORTER.
- Wykorzystanie uporządkowanych danych pozwoliło zwiększyć skuteczność SEO.
Pobierz studium przypadku w formacie PDF
Informacje o NET-A-PORTER
Założona w czerwcu 2000 r. firma NET-A-PORTER jest światowym liderem w dziedzinie luksusowej mody online, w ramach której prezentowane są kolekcje ponad 350 najpopularniejszych projektantów na świecie.
Za witryną sklepową firmy w internecie zajmuje się zespół inżynierów zajmujących się dostarczaniem i utrzymywaniem witryny net-a-porter.com oraz jej sieci i aplikacji, która obejmuje 2 czasopisma o modzie i sieć społecznościową.
Inżynierowie NET-A-PORTER traktują każdą stronę witryny jako zestaw komponentów, a nie jako stronę.
Strona produktu może np. zawierać komponent z cenami, który wskazuje zniżki podczas wyprzedaży, komponent karuzeli z linkami do powiązanych produktów, interaktywny komponent prezentujący pełne stroje, w których są prezentowane produkty, oraz komponent menu umożliwiający dodawanie produktu do listy życzeń.
Podejście oparte na komponentach
Na początku 2016 r. zespół inżynierów NET-A-PORTER postanowił ocenić, jak firma może wykorzystać komponenty i zastosować je do pisania kodu usług internetowych. Ze względu na wiele stron i usług podrzędnych, które należą do platformy NET-A-PORTER, oraz różne zespoły zarządzające tymi stronami, nasi inżynierowie wiedzieli, że nie ma sensu tworzenie od zera z wykorzystaniem nowej technologii, która wymagałaby pozbycia się dotychczasowego stosu. Idealne rozwiązanie to takie, które pozwala dodawać nowe komponenty i dodawać je do stron po utworzeniu kolejnych komponentów. Komponenty musiałyby mieć możliwość niezależnej komunikacji z różnymi usługami backendu, a także musiałyby też wyświetlać robotom indeksującym uporządkowane dane o produkcie.
Testy i sukces z użyciem Polymer
Po przeanalizowaniu różnych rozwiązań firma NET-A-PORTER zdecydowała się przetestować bibliotekę Google Polymer. Początkowy eksperyment z Polymer został zakończony tak szybko i skutecznie, że inżynierowie z firmy NET-A-PORTER postanowili pójść o krok dalej i niemal natychmiast wprowadzić Polymer do ogólnego planu rozwoju witryny.
Robin Glen i Matthew Green, inżynierowie w zespole, opowiadali:
Integrację Polymer z systemem można łatwo zintegrować z naszym systemem i błyskawicznie rozpocząć korzystanie z niej. To, że mamy tak dużą witrynę z wieloma różnymi aspektami, ułatwia nam powstawanie niespójności. Polymer pozwala nam tworzyć kompletne i złożone aplikacje internetowe, które są skalowalne i łatwe w utrzymaniu.
Standaryzacja kodu też była prosta, ponieważ Polymer jest oparty na standardach komponentów sieciowych dla przeglądarek. Glen kontynuuje:
Tworzenie standardów internetowych pozwala zachować zgodność kodu z platformą. Ułatwia to naukę korzystania z nowych komponentów i tworzenie nowych, zapewnianie stałego poprawiania wydajności wraz z ulepszaniem przeglądarek i pozwala nam planować długoterminowo. Jest oparta na standardzie W3C, więc wybieramy tę platformę z pewnością. Wkrótce wycofamy nawet zapotrzebowanie na kod polyfill.
Przyniosło to też korzyści w zakresie SEO. Glen mówi, że:
Komponenty pozwalają wyszukiwarkom wyświetlać szczegółowe uporządkowane dane o produktach. Testowanie tych uporządkowanych danych jest teraz bezpośrednio częścią schematu ciągłej integracji naszego zespołu.
Dzięki inwestycji w projektowanie i tworzenie komponentów zespół NET-A-PORTER odnotowuje ogromny długoterminowy wzrost wydajności: tworzenie i uruchamianie nowych stron oraz funkcji jest łatwiejsze i szybsze, a tworzenie i wprowadzanie nowych funkcji jest łatwiejsze
Przyszłość platformy Polymer
Zespół jest zadowolony z tego, że platforma Polymer umożliwiła tworzenie stron internetowych. Glen mówi:
Gdy tylko zobaczyliśmy, jak możemy ponownie wykorzystać komponenty, łącząc je na różne sposoby, byliśmy podekscytowani. Zaczęliśmy się zastanawiać, czy są jeszcze inne sposoby na wykorzystanie komponentów w firmie.
Glen uważa, że Polymer ma o wiele więcej do odkrycia. Mówi:
To dopiero początek naszej przygody z technologią Polymer. Aktualnie usprawniamy obsługę istniejących komponentów i pracujemy nad rozszerzeniem wykorzystania Polymer na kolejnych stronach w witrynie NET-A-PORTER. Pracujemy nad udokumentowaniem naszego podejścia przy użyciu publicznie dostępnego przewodnika po stylu komponentów NET-A-PORTER. Polimer jest też bardzo przydatny do tworzenia narzędzi wewnętrznych. Niedawno opracowaliśmy zestaw komponentów do tworzenia wykresów i przenieśliśmy je na platformę Polymer.