על ידי ביצוע בדיקת A/B שהתמקדה ספציפית באופטימיזציה של Web Vitals, חברת Vodafone מצאה ששיפור של 31% ב-LCP הוביל לעלייה של 8% במכירות, בשיפור של 15% בשיעור הלידים אל ביקורים, ובשיפור של 11% בשיעור הביקורים בעגלת הקניות.
Vodafone היא חברת טלקומוניקציה מובילה באירופה ובאפריקה שמפעילה רשתות קבועות וניידות ב-21 מדינות, ומשתפת פעולה עם רשתות סלולריות ב-48 מדינות נוספות. על ידי הפעלה של בדיקת A/B בדף נחיתה (בגרסה א' עברה אופטימיזציה למדדי Web Vitals, ציון ה-LCP בשדה היה גבוה יותר ב-31% בהשוואה לגרסה ב'), מערכת Vodafone קבעה שהאופטימיזציה למדדי Web Vitals הובילה לעלייה של 8% במכירות.
31%
שיפור של 31% ב-LCP הוביל ל...
+8%
עלייה בסך המכירות
+15%
עלייה בשיעור הלידים
+11%
עלייה בשיעור עגלת הקניות לביקור
הדגשת ההזדמנות
ב-Vodafone ידעו שאתרים מהירים יותר תואמים בדרך כלל למדדים עסקיים משופרים, והמטרה שלהם הייתה לשפר את הציונים ב-Web Vitals כאסטרטגיה פוטנציאלית להגדלת נפח המכירות, אבל היה להם צורך לקבוע בדיוק איזה החזר ROI הם ישיגו.
![שני צילומי מסך של האתר של Vodafone.](https://web.dev/static/case-studies/vodafone/image/two-screenshots-the-voda-cf6f5c699cd1f.png?authuser=5&hl=he)
הגישה שבה השתמשו
בדיקת A/B
התנועה בבדיקת ה-A/B הגיעה מערוצים שונים של מדיה בתשלום, כולל רשת המדיה, iOS או Android, רשת החיפוש ורשתות חברתיות. 50% מהתנועה נשלחו לדף הנחיתה שעבר אופטימיזציה (גרסה א') ו-50% נשלחו לדף הבסיס (גרסה ב'). גרסה א' וגרסה ב' קיבלו כ-100,000 קליקים ו-34,000 ביקורים ביום. כפי שצוין קודם, ההבדל היחיד בין גרסה א' לגרסה ב' היה שגרסה א' עברה אופטימיזציה למדדי Web Vitals. לא היו הבדלים פונקציונליים או חזותיים בין שתי הגרסאות מלבד זאת. חברת Vodafone השתמשה ב-API PerformanceObserver
כדי למדוד LCP בסשנים של משתמשים אמיתיים, ושלחה את נתוני השטח לספק שירותי הניתוח.
אופטימיזציות
Vodafone ביצעה את השינויים הבאים בדף שעבר אופטימיזציה (גרסה A):
- העבירו את לוגיקת העיבוד של ווידג'ט מצד הלקוח לצד השרת, וכתוצאה מכך נוצרו JavaScript שחוסם פחות עיבוד
- HTML קריטי שעבר עיבוד בצד השרת
- אופטימיזציה של תמונות, כולל שינוי הגודל של התמונה הראשית, אופטימיזציה של תמונות SVG, שימוש בשאילתות מדיה כדי להימנע מטעינת תמונות שעדיין לא הוצגו באזור התצוגה, וכן אופטימיזציה של תמונות PNG
התוצאות הכוללות של העסק
לאחר אופטימיזציה של גרסה A ל-Web Vitals והשוואתה לגרסה B שלא עברה אופטימיזציה, מערכת Vodafone מצאה שגרסה A הובילה:
- עלייה של 8% במכירות
- שיפור של 15% בשיעור הלידים שמובילים לביקור (מספר המשתמשים שהפכו לליד לעומת המספר הכולל של המבקרים)
- שיפור של 11% בשיעור הביקורים לעגלת הקניות (מספר המשתמשים שביקרו בעגלת הקניות לעומת מספר המבקרים הכולל)
![איור שחוזר על התוצאות העסקיות.](https://web.dev/static/case-studies/vodafone/image/an-illustration-reiterat-d99bc1eace701.png?authuser=5&hl=he)
בטבלה הבאה מוצגים הערכים של המדדים DOMContentLoaded
(DCL) ו-LCP שזוהו על ידי Vodafone בגרסה A (להלן "Optimized Page") ובגרסה B ("דף ברירת המחדל"). שימו לב: בפועל, ה-DCL גדל ב-15%. הערכים המוחלטים שקשורים למדדים העסקיים צונזרו.
ב-Vodafone אנחנו בודקים פתרונות חדשים, מודדים את התוצאות, שומרים על מה שעבד, שואלים את מה שלא עבדנו ולומדים מטעויות. אנחנו קוראים לה "ניסוי, למידה מהירה". הודות לשיתוף הפעולה עם Google ולהוספת התכונה LCP כ-KPI העיקרי לביצועי דפים, הייתה אפשרות לשפר באופן משמעותי את חוויית הלקוח במסחר האלקטרוני שלנו.
דיוויד גרוסי, מנהל שיווק בדיגיטל, עסקים
בדף Scale on Web case analysis תוכלו לקרוא סיפורי הצלחה נוספים.