التحدي

كان لدى المورّد 6,000 وحدة SKU ضمن 12 فئة. وكان كتالوجه القديم تطبيقًا يُعرض من جهة الخادم ويستغرق 4-6 ثوانٍ لتحميل كل صفحة. ولم يتمكن المشترون في المستودعات ذات الشبكة الضعيفة من استخدامه، وكان قسم خدمة العملاء يعالج طلبات عبر الهاتف كان ينبغي أن تكون خدمة ذاتية عبر الإنترنت.

الحل

بنينا كتالوج PWA ببحث فوري من جهة المتصفح عبر وحدات الـ 6,000 SKU كافة. وتُخزَّن قاعدة بيانات المنتجات عند أول زيارة، مما يتيح نتائج بحث في أقل من 50 ميلي ثانية. ويحصل العملاء العائدون على إعادة طلب بنقرة واحدة من سجل طلباتهم. والتصفح الكامل دون اتصال يعني أن الكتالوج يعمل حتى عند انعدام الاتصال.

أداء البحث

استخدمنا فهرس بحث خفيفًا من جهة المتصفح (أقل من 300 كيلوبايت مضغوط) يُحمَّل مرة واحدة ويشغّل البحث الفوري. وتظهر النتائج أثناء كتابة المستخدم، مع مرشحات الفئات وحالة المخزون.

استراتيجية الفهرس

يُبنى فهرس البحث وقت إنشاء الموقع من قاعدة بيانات المنتجات، ويُقدَّم كملف JSON ثابت. وهذا يتجنب أي بنية بحث من جهة الخادم ويُبقي التكاليف يمكن التنبؤ بها.

النتائج

انخفض زمن إدخال الطلبات بنسبة 55% بعدما أصبح بإمكان المشترين إيجاد المنتجات وطلبها أسرع عبر الإنترنت مقارنة بالهاتف. وحققت كل الصفحات نتائج خضراء في Core Web Vitals. وأصبح الكتالوج دون اتصال عامل تميّز أساسي — إذ يمكن للمشترين تصفح المجموعة الكاملة في المستودعات دون القلق بشأن شبكة Wi-Fi.