التحدي

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

الحل

بنينا الكتالوج كـ PWA قابلة للتثبيت. يتم تخزين صفحات المنتجات، وجداول المواصفات، ودراسات حالات المشاريع في ذاكرة التخزين المؤقت عند الزيارة الأولى، بحيث يتمكن المقاولون من تصفّح المجموعة الكاملة حتى في قبو خرساني بلا أي إشارة. ويستخدم محدد الوكلاء نظام تحديد الموقع الجغرافي للجهاز لترتيب أقرب الموزّعين، وتعرض معرض مراجع المشاريع أمثلة مبنية حقيقية مع قوائم منتجات يمكن للمقاولين تسعيرها فوراً. تظهر مطالبة التثبيت بعد الزيارة الثانية بحيث يتمكن المستخدمون من إضافة الكتالوج إلى شاشته الرئيسية.

المنهج التقني

يقوم service worker بتخزين غلاف التطبيقة وقائمة المنتجات في ذاكرة التخزين المؤقت عند التحميل الأول؛ أما صفحات تفاصيل المنتجات فتُجلب عند الطلب ثم تُخزَّن مؤقتاً لإعادة الاستخدام دون اتصال. ويُبنى فهرس بحث مضغوط بحوالي 250 KB في وقت البناء من قاعدة بيانات المنتجات، ويُشغّل بحثاً دون اتصال بزمن أقل من 50 ms أثناء كتابة المستخدم. تُقدَّم بيانات الوكلاء كملف GeoJSON ثابت وتُرتَّب جهة العميل حسب المسار المستقيم، فلا حاجة إلى استدعاء واجهة خريطة للعثور على أقرب موزّع. وتُطرح التحديثات عبر service worker في الخلفية دون مقاطعة المقاول في موقع العمل.

النتائج

خلال ستة أشهر، كان 65% من زيارات الجوال تستخدم الكتالوج دون اتصال في مواقع العمل ذات الاتصال الضعيف. وارتفع استخدام محدد الوكلاء 2.5x بعدما عثر المقاولون على نقاط الاستلام بأنفسهم بدلاً من الاتصال بالمكتب، وتحسّن أداء PageSpeed على الجوال من 41 إلى 95. وتوقّف مندوبو المبيعات الميدانيون عن حمل الكتالوجات المطبوعة، وأصبحوا يستخدمون PWA على هواتفهم في لقاءات العملاء.