Tóm tắt
Net-A-Porter tiết kiệm thời gian phát triển nhờ Thư viện Polymer của Google
NET-A-PortER đã triển khai thiết kế dựa trên thành phần trên các thuộc tính trực tuyến của mình bằng cách sử dụng thư viện Polymer của Google. Kết quả là họ tiết kiệm được rất nhiều thời gian phát triển, mã độc lập trên các trang web và cải thiện hiệu suất SEO nhờ sử dụng dữ liệu có cấu trúc.
Kết quả
- Tiết kiệm thời gian phát triển.
- Mã được tiêu chuẩn hoá trên các tài sản trực tuyến của NET-A-PortER.
- Cải thiện hiệu suất SEO bằng cách sử dụng dữ liệu có cấu trúc.
Tải nghiên cứu điển hình dưới dạng PDF xuống
Giới thiệu về NET-A-PortER
Ra mắt vào tháng 6 năm 2000, NET-A-PortER là công ty hàng đầu thế giới về thời trang sang trọng trực tuyến, nổi bật với bộ sưu tập của hơn 350 nhà thiết kế được ưa chuộng nhất thế giới.
Phía sau cửa hàng trực tuyến của công ty, nhóm kỹ sư của công ty phải làm việc tích cực để cung cấp và duy trì net-a-porter.com cũng như mạng lưới trang web và ứng dụng, bao gồm hai tạp chí thời trang và mạng xã hội.
Khi nghĩ về các thuộc tính web của họ, các kỹ sư NET-A-PortER thấy mỗi trang trên một trang web không phải là một trang mà là một tập hợp các thành phần.
Ví dụ: trang sản phẩm có thể bao gồm một thành phần giá cho biết các khoản tiết kiệm trong chương trình giảm giá, một thành phần băng chuyền có đường liên kết đến các sản phẩm có liên quan, một thành phần tương tác giới thiệu trang phục hoàn chỉnh giới thiệu sản phẩm, một thành phần thả xuống để thêm sản phẩm vào danh sách yêu thích và nhiều thành phần khác.
Cách tiếp cận dựa trên thành phần
Đầu năm 2016, nhóm kỹ thuật NET-A-PortER đã quyết định đánh giá cách công ty có thể lấy các thành phần và áp dụng chúng vào cách họ viết mã cho các thuộc tính web của họ. Do có nhiều trang và tài sản phụ thuộc NET-A-PortER – và các nhóm khác nhau quản lý các trang đó – các kỹ sư biết rằng việc bắt đầu từ đầu với một công nghệ mới sẽ yêu cầu loại bỏ ngăn xếp hiện có của họ thì sẽ không hợp lý. Một giải pháp lý tưởng sẽ cho phép chúng nằm trên các thành phần mới và thêm vào các trang khi các thành phần bổ sung được tạo. Các thành phần cần có khả năng giao tiếp độc lập với nhiều dịch vụ phụ trợ, đồng thời cũng cần hiển thị dữ liệu có cấu trúc về sản phẩm cho trình thu thập dữ liệu web.
Thử nghiệm và thành công với Polymer
Sau khi đánh giá một số giải pháp, NET-A-PortER đã chọn thử nghiệm thư viện Polymer của Google. Thử nghiệm ban đầu với Polymer đã hoàn tất nhanh chóng và thành công đến mức các kỹ sư của NET-A-PortER đã quyết định tiến hành và đưa Polymer vào kế hoạch phát triển trang web tổng thể của tổ chức gần như ngay lập tức.
Robin Robin và Matthew Green, các kỹ sư trong nhóm, chia sẻ:
Polymer rất dễ tích hợp vào hệ thống của chúng tôi, cũng như thiết lập và chạy ngay lập tức. Trên thực tế, chúng tôi có một trang web lớn với rất nhiều khía cạnh có nghĩa là chúng tôi rất dễ gặp phải sự không thống nhất. Polymer cho phép chúng tôi tạo các ứng dụng web hoàn chỉnh và phức tạp, có thể mở rộng và bảo trì.
Việc chuẩn hoá mã cũng rất dễ dàng vì Polymer dựa trên các tiêu chuẩn của trình duyệt cho các thành phần web. [Tên người] tiếp tục:
Khi xây dựng các tiêu chuẩn web, mã của chúng tôi luôn tuân thủ nền tảng. Điều này giúp bạn dễ dàng tìm hiểu cách sử dụng và xây dựng các thành phần mới, đảm bảo hiệu suất sẽ liên tục tốt hơn khi trình duyệt cải thiện, đồng thời cho phép chúng tôi lập kế hoạch về lâu dài. Vì nền tảng này dựa trên tiêu chuẩn W3C, nên chúng tôi tự tin xây dựng trên nền tảng này. Sắp tới, nhu cầu về polyfill sẽ biến mất rộng rãi.
Và cũng có lợi ích về SEO. Ông cho biết rằng:
Thành phần hiển thị hiệu quả dữ liệu có cấu trúc chi tiết về sản phẩm cho công cụ tìm kiếm. Việc kiểm thử dữ liệu có cấu trúc này hiện là một phần trực tiếp trong sơ đồ tích hợp liên tục của nhóm chúng tôi.
Bằng việc đầu tư trước vào việc thiết kế và xây dựng các thành phần, nhóm NET-A-PortER nhận thấy những lợi ích hiệu quả lâu dài đáng kể: việc tạo và khởi chạy các trang và tính năng mới đơn giản và nhanh chóng hơn, đồng thời tích hợp ý kiến phản hồi của các bên liên quan và tinh chỉnh thiết kế vào quy trình thiết kế cũng dễ dàng hơn.
Tương lai của Polymer
Nhóm rất vui mừng khi biết cách Polymer đã giúp công ty phát triển web. Ben nói:
Ngay khi tìm hiểu cách tái sử dụng các thành phần bằng cách kết hợp các thành phần lại với nhau, chúng tôi đã rất hào hứng. Chúng tôi bắt đầu băn khoăn liệu có cách nào khác để khai thác các thành phần trong doanh nghiệp hay không.
Ben cảm thấy còn nhiều điều khác để khám phá cùng với Polymer. Anh ấy nói,
Đây mới chỉ là bước khởi đầu trong hành trình của chúng tôi về Polymer. Chúng tôi hiện đang cải thiện việc phân phối và bảo trì các thành phần hiện có, đồng thời nỗ lực mở rộng việc sử dụng Polymer cho nhiều trang NET-A-PortER hơn. Chúng tôi đang nỗ lực ghi lại cách tiếp cận của mình bằng hướng dẫn về quy tắc thành phần NET-A-PortER công khai. Polymer cũng rất hữu ích cho các công cụ nội bộ. Gần đây, chúng tôi đã xây dựng một tập hợp các thành phần biểu đồ và xây dựng lại toàn bộ dịch vụ giám sát của mình để sử dụng Polymer.