ملخّص
Net-A-Porter يوفر وقت التطوير من خلال مكتبة البوليمر من Google
نفذت NET-A-portER تصميمًا قائمًا على المكونات على مواقعها الإلكترونية على الإنترنت باستخدام مكتبة البوليمر التابعة لشركة Google. وكانت النتيجة توفيرًا كبيرًا في وقت التطوير ووضع رموز مميّزة على المواقع الإلكترونية وتحسين أداء تحسين محركات البحث من خلال استخدام البيانات المنظَّمة.
النتائج
- تم توفير وقت التطوير.
- رمز موحّد على مواقع NET-A-بورER الإلكترونية على الإنترنت.
- تم تحسين الأداء المرتبط بتحسين محركات البحث من خلال استخدام البيانات المنظَّمة.
لمحة عن NET-A-PortER
تأسست NET-A-بورER في حزيران (يونيو) 2000، وهي شركة رائدة عالميًا في مجال الأزياء الفاخرة على الإنترنت، وتضم مجموعات من أكثر من 350 من المصممين الأكثر طلبًا على مستوى العالم.
وخلف واجهة محل الشركة على الإنترنت، يعمل الفريق الهندسي للشركة بجد لتقديم وصيانة net-a-porter.com وشبكة المواقع الإلكترونية والتطبيقات التابعة له، والتي تتضمن مجلتي أزياء وشبكة اجتماعية.
عند التفكير في خصائصهم على الويب، يرى مهندسو NET-A-PortER كل صفحة على الموقع ليست كصفحة، ولكن كمجموعة من المكونات.
على سبيل المثال، قد تتضمن صفحة أحد المنتجات عنصر تسعير يشير إلى المبالغ التي تم توفيرها خلال عملية البيع، ومكون لوحة عرض دوّارة يتضمن روابط إلى المنتجات ذات الصلة، ومكونًا تفاعليًا يعرض الملابس الكاملة التي تعرض المنتجات، ومكون قائمة منسدلة لإضافة منتج إلى قائمة الأمنيات، وغير ذلك.
نهج قائم على المكونات
في مطلع عام 2016، قرر فريق الهندسة في NET-A-بورER تقييم طريقة حصول الشركة على المكونات وتطبيقها على طريقة كتابة التعليمات البرمجية الخاصة بها لخصائصها على الويب. ونظرًا للعدد الكبير من الصفحات والمواقع الفرعية التي تندرج ضمن NET-A-بورER - والفرق المختلفة التي تدير تلك الصفحات - أدرك المهندسون أنه ليس من المنطقي البدء من الصفر باستخدام تقنية جديدة تتطلب التخلص من حزمة المكدسات الحالية. سيسمح لها الحل المثالي بالطبقة على مكونات جديدة والإضافة إلى الصفحات عند إنشاء مكونات إضافية. يجب أن تكون المكونات قادرة على التواصل مع خدمات الخلفية المختلفة بشكل مستقل، كما ستحتاج أيضًا إلى عرض البيانات المنظمة حول المنتج لبرامج زحف الويب.
الاختبارات والنجاح باستخدام البوليمر
بعد تقييم عدد من الحلول، اختارت NET-A-بورER اختبار مكتبة Google للبوليمر. وتم الانتهاء من التجربة الأولية مع البوليمر بسرعة وبنجاح كبير، بحيث قرر مهندسو NET-A-بورER المضي قدمًا وإدخال البوليمر في التخطيط الشامل لتطوير مواقع الويب للمؤسسة على الفور تقريبًا.
شارك روبن غلين وماثيو غرين، المهندسان في الفريق، ما يلي:
كان من السهل دمج البوليمر في نظامنا وبدء تشغيله في أي وقت من الأوقات. إنّ حقيقة أنّ لدينا موقعًا إلكترونيًا كبيرًا يحتوي على العديد من الجوانب المختلفة، يعني أنّه من السهل علينا رصد بعض التناقضات. يتيح لنا البوليمر إنشاء تطبيقات ويب كاملة ومعقدة قابلة للتطوير والصيانة.
كان توحيد الرموز سهلاً أيضًا، لأنّ Polymer يعتمد على معايير المتصفّح لمكوّنات الويب. يتابع غلين:
ويؤدي إنشاء البيانات باستخدام معايير الويب إلى إبقاء تعليماتنا البرمجية قريبة من النظام الأساسي. وهذا يسهل عملية تعلم كيفية استخدام وإنشاء مكونات جديدة، وضمان تحسين الأداء باستمرار مع تحسين المتصفحات، والسماح لنا بالتخطيط على المدى الطويل. ونظرًا لأن ذلك يعتمد على معيار W3C، فنحن واثقون من إمكانية الإنشاء على المنصة. قريبًا، حتى الحاجة إلى polyfills ستختفي على نطاق واسع.
وقد استفدنا أيضًا في عملية تحسين محركات البحث. يقول سامر إنّ:
تعرض المكونات بشكل فعال البيانات المنظمة التفصيلية حول المنتجات لمحركات البحث. أصبح اختبار هذه البيانات المنظَّمة الآن جزءًا مباشرةً من خطة الدمج المتواصل لفريقنا.
من خلال الاستثمار المسبق في تصميم المكونات وإنشاؤها، يلاحظ فريق NET-A-PortER مكاسب فعّالة على المدى الطويل. فقد أصبح إنشاء الصفحات والميزات الجديدة أكثر بساطة وسرعة، كما أصبح من السهل دمج ملاحظات الجهات المعنية وتعديل التصميم في العملية الهندسية.
مستقبل البوليمر
يشعر الفريق بالسعادة بشأن كيفية استفادة Polymer من تطوير الويب. يقول غلين،
بمجرد أن رأينا كيف يمكننا إعادة استخدام المكونات من خلال تجميعها معًا بطرق مختلفة، شعرنا بالحماس. بدأنا نتساءل عما إذا كانت هناك طرق أخرى يمكننا من خلالها استغلال المكونات داخل الشركة.
يشعر "غلين" بأن هناك المزيد لاستكشافه باستخدام البوليمر. فهو يقول:
وهذه ليست سوى بداية رحلتنا مع البوليمر. ونعمل حاليًا على تحسين تسليم المكونات الحالية وصيانتها، مع العمل على توسيع نطاق استخدام البوليمر ليشمل المزيد من صفحات NET-A-بورER. نحن نعمل على توثيق النهج الذي نتّبعه من خلال استخدام دليل لأسلوب المكوّنات NET-A-بورER المتاح للجميع. كان البوليمر مفيدًا جدًا أيضًا في الأدوات الداخلية. وأنشأنا مؤخرًا مجموعة من مكونات الرسوم البيانية وأعدنا منصة خدمة المراقبة بالكامل لاستخدام البوليمر.