تعرَّف على كيفية تحقيق فريق صغير لنجاحات كبيرة من خلال إنشاء تطبيق ويب تقدّمي (PWA) مقنعًا للسوق.
OpenSooq هو سوق إعلانات مبوبة للأجهزة الجوّالة ومقره في عمان الأردن، ويقدم مجموعة واسعة من المنتجات والخدمات في 19 بلدًا في الشرق الأوسط وشمال إفريقيا.
التحدي
تأتي أكثر من% 85 من حركة بيانات OpenSooq من الأجهزة الجوالة، ويستمر هذا العدد في الزيادة. يعتمد الكثير من الأشخاص في المنطقة على الأجهزة ذات الإمكانيات المحدودة ذات السعات التخزينية، ما يستدعي بشدة أن يكون موقع OpenSooq الإلكتروني للأجهزة الجوّالة سريعًا وخفيفًا قدر الإمكان. ومع ذلك، كان لبطء أوقات التحميل على موقع OpenSooq الإلكتروني القديم للأجهزة الجوّالة التأثير في مدى رضا العملاء وأدى إلى ارتفاع معدلات الارتداد إلى 49% في أسواق مثل الكويت.
ولخدمة عملائها تجربة أفضل باستمرار عبر جميع المنصات، أدركت الشركة أنها بحاجة إلى موقع ويب أسرع وأكثر استجابة. لذلك، أطلق الفريق الهندسي في OpenSooq في حزيران (يونيو) 2017 تطبيق ويب تقدّميًا (PWA).
التركيز على الأداء والموثوقية
تمكّن المطوّرون الداخليون الثلاثة في OpenSooq من إنشاء تطبيق ويب تقدّمي (PWA) كامل الميزات باستخدام React وwebpack خلال شهرين ونصف فقط.
ولضمان سرعة وسهولة فهرسة الموقع الإلكتروني من قِبل محرّكات البحث، اختار الفريق استخدام العرض من جهة الخادم. ومع وصول ما يقرب من 28% من المستخدمين إلى تطبيق الويب التقدّمي (PWA) على شبكات الجيل الثاني أو الجيل الثالث غير الصحيحة، كان من الضروري أن يثق المستخدمون في أداء التجربة، بغض النظر عن قيود الشبكة. لذلك، نفّذ الفريق تجربة بلا اتصال بالإنترنت باستخدام مشغِّلي الخدمات واستراتيجية التخزين المؤقت أولاً ثم الشبكة. واستخدمت أيضًا نمط PRPL لتوفير التحميل الفوري للمستخدمين.
ومن خلال اتّباع أفضل الممارسات هذه، تمكّن الفريق من خفض متوسط وقت تحميل الصفحة (وقت التفاعل) من 4 ثوانٍ إلى أقل من ثانيتين. واستخدمت شركة Lighthouse في عمليات تثبيت الموقع الإلكتروني بهذه السرعة. وساعدت هذه الجهود في تحقيق أكثر من 1.8 مليار مشاهدة للصفحة في شهر OpenSooq.
يصل أكثر من ربع مستخدمينا إلى تطبيق OpenSooq PWA من شبكات في وسط البيانات المتوسطة، ما يعني أنّ الموثوقية كانت ضرورية للحفاظ على تفاعل هؤلاء المستخدمين. وقد ساعدنا عاملو الخدمة واستراتيجيات التخزين المؤقت في بناء تجربة المستخدم الموثوقة التي نحتاجها بسلاسة.
أمين شومان، المدير الفني لتطبيق PWA في OpenSooq
تحسين إعادة التفاعل
نظرًا لإنشاء تجربة عالية الأداء وموثوقة، سعى فريق OpenSooq إلى ضمان الحفاظ على تفاعل المستخدمين مع المنتج. لإجراء ذلك، أتاحوا للمستخدمين تثبيت تطبيق الويب التقدّمي (PWA) على الشاشة الرئيسية وإتاحة الإشعارات المفيدة. وقد سمح ذلك للموقع الإلكتروني بإشعار المشترين بشأن تفاعل البائع مع طلبات البحث والبائعين بشأن تفعيل الإعلانات وانتهاء صلاحيتها.
وأدّت هذه التحسينات إلى زيادة عدد المستخدمين النشطين شهريًا لتجربة OpenSooq على الإنترنت بنسبة 14%. بالنسبة إلى المستخدمين الذين ثبَّتوا تطبيق الويب التقدّمي (PWA)، حدثت زيادة بنسبة% 48 في عدد زيارات الصفحة لكل جلسة وارتفاع بنسبة% 28 في متوسط مدة الجلسة. وشهدت OpenSooq أيضًا زيادة بنسبة 25% في متوسط الوقت الذي يقضيه المستخدمون على الصفحة وانخفاضًا بنسبة 29% في متوسط معدلات الارتداد في جميع الأسواق.
نظرة مستقبلية
بعد جهد بضعة أسابيع فقط، أنشأت شركة OpenSooq تطبيق ويب تقدّمي (PWA) كامل الميزات بحجم 23 كيلوبايت ليوفّر تجربة متّسقة للمستخدمين على جميع الأنظمة الأساسية والمتصفّحات. وبما أنّه من السهل تحديث الميزات على الويب، بدأ الفريق باستخدام تطبيق الويب التقدّمي (PWA) أولاً من خلال إطلاق الميزات الجديدة ومسارات المستخدمين واختبارها على تطبيق الويب التقدّمي (PWA) قبل طرحها على منصات أخرى.
تعمل شركة OpenSooq الآن على إضافة طلب تثبيت خاص بنظام التشغيل الأساسي ودمج تطبيق الويب التقدّمي (PWA) مع صفحات Accelerated Mobile Pages (AMP). ستعمل هذه التحسينات على تسريع عمليات تحميل الصفحات وتسهيل الانتقال إلى التطبيق الخاص بالنظام الأساسي قدر الإمكان. ومن خلال البناء على أساس جهود التطوير الأولية، سيواصل فريق OpenSooq توفير أفضل تجربة ممكنة للمستخدمين.
كانت أهمية تطوير تطبيق الويب التقدّمي (PWA) واضحةً لكلّ من الفريقَين القيادي والتقني. بعد إنشاء تطبيق ويب حديث وتحسين أدائه، يسرّنا أن نرى تأثير النشاط التجاري على استثمارنا لمدة شهرين ونصف.
رمزي القريني، رئيس قسم التكنولوجيا في OpenSooq