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