איך צוות קטן השיג הצלחות גדולות על ידי יצירת זירת מסחר פופולרית ב-PWA.
OpenSooq היא זירת מסחר באינטרנט שמתמקדת בניידים, שממוקמת בעמאן, ירדן, ומציעה מגוון רחב של מוצרים ושירותים ב-19 מדינות במזרח התיכון ובצפון אפריקה.
האתגר
יותר מ-85% מתנועת הגולשים ב-OpenSooq מגיעה מניידים, והמספר הזה ממשיך לעלות. הרבה אנשים באזור מסתמכים על מכשירים ברמה נמוכה עם קיבולת אחסון מוגבלת, ולכן יש צורך גדול שהאתר לנייד של OpenSooq יהיה מהיר וקל ככל האפשר. עם זאת, זמני הטעינה הארוכים באתר הישן של OpenSooq לנייד השפיעו על שביעות הרצון של הלקוחות והובילו לשיעורי נטישה של עד 49% בשווקים כמו כוויית.
כדי לספק ללקוחות חוויה טובה יותר באופן עקבי בכל הפלטפורמות, החברה הבינה שהיא זקוקה לאתר מהיר יותר ורספונסיבי יותר. לכן, ביוני 2017 צוות המהנדסים של OpenSooq השיק אפליקציה מסוג Progressive Web App (PWA).
התמקדות בביצועים ובאמינות
שלושת המפתחים הפנימיים של OpenSooq הצליחו ליצור אפליקציית PWA מלאה באמצעות React ו-webpack תוך חודשיים וחצי בלבד.
כדי להבטיח שהאתר יהיה מהיר וקל להוספה לאינדקס על ידי מנועי חיפוש, הצוות בחר להטמיע עיבוד בצד השרת. כמעט 28% מהמשתמשים שלהם ניגשים לאפליקציית ה-PWA ברשתות 2G או 3G לא יציבות, ולכן היה חשוב מאוד שהמשתמשים יוכלו לסמוך על כך שהחוויה תפעל, ללא קשר למגבלות הרשת. לכן הצוות הטמיע חוויית שימוש אופליין באמצעות קובצי שירות (service workers) ואסטרטגיית מטמון-קודם-ואז-רשת. הם השתמשו גם בתבנית PRPL כדי לספק למשתמשים טעינת אתר מיידית.
בעזרת השיטות המומלצות האלה, הצוות הצליח לקצר את זמן הטעינה הממוצע של הדף (זמן לפעולה אינטראקטיבית) מ-4 שניות לפחות מ-2 שניות. הם גם השתמשו ב-Lighthouse כדי לוודא שהאתר נשאר מהיר. המאמצים האלה עזרו ל-OpenSooq להגיע ליותר מ-1.8 מיליארד צפיות בדפים בחודש.
יותר מרבע מהמשתמשים שלנו ניגשים לאפליקציית ה-PWA של OpenSooq מרשתות איטיות עד בינוניות, ולכן האמינות הייתה חיונית כדי לשמור על העניין של המשתמשים האלה. שירותי העבודה ואסטרטגיות האחסון במטמון עזרו לנו ליצור את חוויית המשתמש המהירה והאמינה שדרושה לנו, בצורה חלקה.
אמינ שומון (Amin Shoman), מנהל טכני של אפליקציות PWA, OpenSooq
שיפור המעורבות החוזרת
אחרי שהצוות של OpenSooq יצר חוויית שימוש מהירה ואמינה, הוא רצה לוודא שהמשתמשים ימשיכו להשתמש במוצר. כדי לעשות זאת, הם אפשרו למשתמשים להתקין את אפליקציית ה-PWA במסך הבית והוסיפו תמיכה בהתראות משמעותיות. כך האתר יכול היה להודיע לקונים על האינטראקציה של המוכר עם שאילתות, ולמוכרים על הפעלה ותוקף של מודעות.
השיפורים האלה הגדילו ב-14% את מספר המשתמשים הפעילים בחודש באתר של OpenSooq. אצל משתמשים שהתקינו את אפליקציית ה-PWA, הייתה עלייה של 48% במספר הכניסות לדפים בכל סשן וקפיצה של 28% במשך הסשן הממוצע. ב-OpenSooq נרשמה גם עלייה של 25% בזמן הממוצע של המשתמשים בדף, וירידה של 29% בשיעורי העזיבה הממוצעים בכל השווקים.
במבט קדימה
אחרי כמה שבועות של מאמץ, הצוות של OpenSooq יצר אפליקציית PWA מלאה בגודל 23KB שמספקת למשתמשים חוויה עקבית בכל הפלטפורמות והדפדפנים. מכיוון שקל לעדכן תכונות באינטרנט, הצוות התמקד ב-PWA: הם השיקו תכונות חדשות ותהליכי שימוש חדשים ב-PWA שלהם ובדקו אותם לפני שהשיקו אותם בפלטפורמות אחרות.
צוות OpenSooq עובד עכשיו על הוספת הנחיה ספציפית לפלטפורמה להתקנה ועל שילוב של אפליקציית ה-PWA עם דפי AMP (דפים מאיצה לנייד). השיפורים האלה יקצרו עוד יותר את זמני הטעינה של הדפים ויהפכו את המעבר לאפליקציה הספציפית לפלטפורמה לחלק ככל האפשר. על סמך היסודות של מאמצי הפיתוח הראשוניים שלהם, צוות OpenSooq ימשיך לספק למשתמשים את החוויה הטובה ביותר.
חשיבות הפיתוח של אפליקציית ה-PWA שלנו הייתה ברורה גם לצוות ההנהלה וגם לצוות הטכני. אחרי שיצרנו אפליקציית אינטרנט מודרנית ושפרנו את הביצועים שלה, אנחנו שמחים לראות את ההשפעה העסקית על ההשקעה שלנו של 2.5 חודשים.
רמזי אלקרייני (Ramzi Alqrainy), סמנכ"ל טכנולוגיה ב-OpenSooq