خلاصه
Net-A-Porter با کتابخانه پلیمر Google در زمان توسعه صرفه جویی می کند
NET-A-PORTER با استفاده از کتابخانه پلیمر گوگل، یک طراحی مبتنی بر مؤلفه را بر روی ویژگی های آنلاین خود پیاده سازی کرد. نتیجه صرفه جویی زیادی در زمان توسعه، کد استاندارد در سراسر سایت های آنها و بهبود عملکرد سئو از طریق استفاده از داده های ساخت یافته بود.
نتایج
- صرفه جویی در زمان توسعه
- کد استاندارد شده در ویژگی های آنلاین NET-A-PORTER.
- بهبود عملکرد سئو از طریق استفاده از داده های ساخت یافته.
درباره NET-A-PORTER
NET-A-PORTER که در ژوئن 2000 راه اندازی شد، یک پیشرو جهانی در مد لوکس آنلاین است و مجموعه هایی از بیش از 350 طراح از پرطرفدارترین طراحان جهان را به نمایش می گذارد.
در پشت ویترین فروشگاه آنلاین این شرکت، تیم مهندسی این شرکت سخت تلاش می کند تا net-a-porter.com و شبکه وب سایت ها و برنامه های آن را که شامل دو مجله مد و یک شبکه اجتماعی است، ارائه و نگهداری کند.
مهندسان NET-A-PORTER وقتی به ویژگی های وب خود فکر می کنند، هر صفحه در یک سایت را نه به عنوان یک صفحه، بلکه به عنوان مجموعه ای از مؤلفه ها می بینند.
برای مثال، یک صفحه محصول ممکن است شامل یک جزء قیمت‌گذاری باشد که نشان‌دهنده صرفه‌جویی در حین فروش است، یک جزء چرخ فلک با پیوندهایی به محصولات مرتبط، یک جزء تعاملی که لباس‌های کامل را نشان می‌دهد که محصولات را نشان می‌دهد، یک جزء کشویی برای افزودن یک محصول به فهرست علاقه‌مندان، و بیشتر.
رویکرد مبتنی بر مولفه
در اوایل سال 2016، تیم مهندسی NET-A-PORTER تصمیم گرفت ارزیابی کند که این شرکت چگونه می‌تواند اجزا را دریافت کند و آنها را در نحوه نوشتن کد برای ویژگی‌های وب خود اعمال کند. به دلیل بسیاری از صفحات و ویژگی‌های فرعی که تحت NET-A-PORTER قرار می‌گیرند - و تیم‌های مختلفی که آن صفحات را مدیریت می‌کنند - مهندسان می‌دانستند که منطقی نیست که از ابتدا با یک فناوری جدید که نیاز به خلاص شدن از شر آن است شروع کنند. پشته موجود آنها یک راه‌حل ایده‌آل به آنها اجازه می‌دهد روی کامپوننت‌های جدید لایه‌بندی کنند و با ایجاد اجزای اضافی به صفحات اضافه کنند. کامپوننت ها باید بتوانند به طور مستقل با سرویس های پشتیبان مختلف ارتباط برقرار کنند و همچنین باید داده های ساختاریافته محصول را به خزنده های وب ارائه دهند.
تست و موفقیت با پلیمر
NET-A-PORTER پس از ارزیابی تعدادی راه حل، کتابخانه پلیمر گوگل را آزمایش کرد. آزمایش اولیه با پلیمر آنقدر سریع و با موفقیت کامل شد که مهندسان NET-A-PORTER تصمیم گرفتند تقریباً بلافاصله به سمت جلو حرکت کنند و Polymer را در برنامه ریزی کلی توسعه وب سایت سازمان معرفی کنند.
رابین گلن و متیو گرین، مهندسان تیم، به اشتراک گذاشتند:
پلیمر به راحتی در سیستم ما ادغام شد و در کمترین زمان راه اندازی شد. این واقعیت که ما یک وب سایت بزرگ با جنبه های مختلف داریم به این معنی است که ناسازگاری برای ما آسان است. پلیمر به ما اجازه می دهد تا برنامه های وب کامل و پیچیده ای را ایجاد کنیم که مقیاس پذیر و قابل نگهداری هستند.
استانداردسازی کد نیز آسان بود، زیرا پلیمر بر اساس استانداردهای مرورگر اجزای وب است. گلن ادامه می دهد:
ساختن با استفاده از استانداردهای وب کد ما را نزدیک به پلتفرم نگه می دارد. این کار یادگیری نحوه استفاده و ساخت مولفه‌های جدید را آسان‌تر می‌کند، اطمینان حاصل می‌کند که با بهبود مرورگرها عملکرد به طور مداوم بهتر می‌شود و به ما اجازه می‌دهد برای بلندمدت برنامه‌ریزی کنیم. از آنجا که بر اساس استاندارد W3C است، ما در ساخت بر روی پلت فرم مطمئن هستیم. به زودی حتی نیاز به پلی فیل ها نیز به طور کلی از بین خواهد رفت.
و مزایای سئو نیز وجود داشت. گلن می گوید که:
مؤلفه‌ها به طور مؤثر داده‌های ساختاری دقیق محصولات را به موتورهای جستجو نشان می‌دهند. آزمایش این داده های ساختاریافته اکنون مستقیماً بخشی از طرح یکپارچه سازی مداوم تیم ما است.
با سرمایه گذاری اولیه در طراحی و ساخت اجزا، تیم NET-A-PORTER شاهد پیشرفت چشمگیر کارایی بلندمدت است: صفحات و ویژگی های جدید ساده تر و سریع تر برای ایجاد و راه اندازی هستند، و ادغام بازخورد و بازخورد سهامداران آسان تر است. تغییرات طراحی در فرآیند مهندسی
آینده پلیمر
این تیم از اینکه چگونه Polymer توسعه وب خود را فعال کرده است، هیجان زده است. گلن می گوید
به محض اینکه دیدیم چگونه می توانیم با کنار هم قرار دادن آنها به روش های مختلف از دوباره استفاده کنیم، هیجان زده شدیم. ما شروع به تعجب کردیم که آیا راه های دیگری وجود دارد که بتوانیم از اجزای موجود در کسب و کار بهره برداری کنیم.
گلن احساس می کند چیزهای بیشتری برای کشف با پلیمر وجود دارد. او می گوید،
این تازه آغاز سفر پلیمری ماست. ما در حال حاضر در حال بهبود تحویل و قابلیت نگهداری اجزای موجود هستیم، در حالی که برای گسترش استفاده از پلیمر به صفحات NET-A-PORTER بیشتر کار می کنیم. ما برای مستندسازی رویکرد خود با راهنمای سبک مؤلفه NET-A-PORTER در دسترس عموم کار می کنیم. پلیمر برای ابزارهای داخلی نیز بسیار مفید بوده است. ما اخیراً مجموعه‌ای از اجزای نموداری ساخته‌ایم و کل سرویس نظارتی خود را برای استفاده از پلیمر دوباره پلتفرم کرده‌ایم.