Orange: אפליקציית PWA חדשה מניבה המרות טובות יותר ב-52% בנייד

גם זמן הטעינה הממוצע של ה-PWA החדש מהיר יותר ב-30% לעומת האתר הישן, ושיעור העזיבה שיפר את שיעור העזיבה ב-12% ועומק הסשן ב-18%.

Adam Skręt
Adam Skręt
Marcin Sierakowski
Marcin Sierakowski
Rafał Filipek
Rafał Filipek

Orange Polska S.A. (חלק מקבוצת Orange Group) היא ספקית מובילה של שירותי טלקומוניקציה בפולין, כולל שירותי טלקומוניקציה ניידים וקבועים כמו קול, נתונים, גישה לאינטרנט וטלוויזיה. אנחנו גם מספקים שירותי IT ואינטגרציה, קווים מושכרים ושירותים וציוד נוספים בעלי ערך מוסף בתחום הטלקומוניקציה.

צילומי מסך של ה-PWA החדשה.

אתגר

כולנו מכירים את תחושת החרדה שהופכת לגירוי כשטעינת האתר נמשכת זמן רב. לחברות דיגיטליות שאין להן נוכחות פיזית מועטה, או שאין להן נוכחות פיזית כלל, ההשפעה הזו ברורה, במיוחד כשמדובר באפליקציות לנייד, שבהן המחקר הפנימי שלנו מראה בבירור שהסיבה החשובה ביותר להסרת האפליקציה היא המהירות. אבל אם אתם פועלים במגזר מבוסס כמונו, שיש לכם אסטרטגיה חזקה לעסק של ערוצי הפצה, ההשפעה של מהירות דיגיטלית לא ברורה כל כך, כי דיגיטלי הוא לא המקור היחיד למכירות שלנו. במצב כזה קשה עוד יותר לשכנע מנהלים להשקיע במהירות.

כשהפנינו למנהלים שלנו מצגת מכירות, אפשרנו לחזק את הפנייה שלנו על ידי הסתמכות על נתוני היסטוריית הביצועים ב-Google Analytics כדי להראות בבירור את ההתאמה בין זמן הטעינה לשיעורי ההמרה. הודות לעובדות קשות, הצלחנו להראות שכל שנייה נוספת של זמן טעינת דף הובילה לירידה של 15-20% בהכנסות ובמכירות.

תרשימים שמציגים את הקשר בין זמן הטעינה לבין המרות.
התרשים העליון (בכתום) מציג את שיעור ההמרה באתר הישן, בפילוח לפי זמן טעינה. לדוגמה, העמודה הראשונה משמאל מייצגת משתמשים שזמן הטעינה היה פחות מ-2 שניות. הסרגל שלידו מייצג משתמשים שזמן הטעינה שלהם היה בין 2 ל-3 שניות. בתרשים התחתון (באפור) מוצגים זמני הטעינה שכל המשתמשים חוו בפועל באתר הישן.

גישה

החלטנו לפתח Progressive Web App (PWA). התמקדנו באופן ספציפי בתנועה בנייד, כי יותר מ-75% מהלקוחות משתמשים באתר שלנו דרך מכשירים ניידים. הצוות התמקד באופן שווה בשיפור מדדי ביצועים מרכזיים וביצירת חוויה מושכת ומושכת יותר.

השקנו צוות חדש לבדיקת תפקידים שונים (כולל מומחי IT, עסקים ומומחי חוויית משתמש) שמטרתו לספק הוכחת תפיסה כדי לענות על השאלות הבאות:

  • האם אנחנו יכולים לקצר ביעילות את זמן הטעינה תוך ציות למגבלות המשמעותיות שלנו מדור קודם?
  • מה תהיה ההשפעה בפועל על ההמרות וההכנסות?

בחרנו את Next.js בגלל האופטימיזציה הרבות שהוא מופעל כברירת מחדל או שקל להגדיר, כמו רינדור אוטומטי בצד השרת (שחשוב במיוחד לאופטימיזציה למנועי חיפוש (SEO), שליפה מראש של נתונים ופיצול קוד). שיקול חשוב נוסף עבורנו היה ש-Next.js אפשר לנו להעביר דפים בזה אחר זה, בלי לגרום לבעיות באפליקציות מהדור הקודם. למרות זאת, נאלצנו לנהל את השינוי בסביבה מורכבת שבה אנחנו עדיין מסתמכים על מערכות מדור קודם, וכתוצאה מכך השירות לא היה זמין. כדי לפתור את הבעיה, שילבנו את תיבת עבודה כך שהאתר שלנו תמיד יהיה זמין גם אם הקצה העורפי היה מושבת. בזכות הפתרונות המובנים של Workbox, שמירה מראש במטמון, ניתוב בקשות ושמירה במטמון בזמן הריצה יש לנו גם שיפורים יפים בביצועים.

תוצאות

זמן הטעינה הממוצע של ה-PWA החדש שלנו ב-30% מהיר יותר ב-30% לעומת האתר הישן, שיעור ההמרה במכשירים ניידים עלה ב-52%, שיעור העזיבה השתפר ב-12% ועומק הסשן שלנו השתפר ב-18%. הניסיון הזה אישר את הכיוון האסטרטגי לשינוי כל הפתרונות המיועדים ללקוחות (כולל טיפול עצמי בלקוחות ומחלקת המכירות) לטכנולוגיית PWA.