Vodafone: שיפור של 31% ב-LCP הגדילה את המכירות ב-8%

תאריך פרסום: 17 במרץ 2021

בעקבות בדיקת A/B שהתמקדה במיוחד באופטימיזציה של מדדי הליבה לבדיקת חוויית המשתמש באתר, 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. — צילומי מסך לדוגמה של אתר Vodafone. לתשומת ליבכם, אלה לא גרסת א' וגרסה ב' מבדיקת ה-A/B. שתי הגרסאות היו זהות מבחינה חזותית ופונקציונלית.

הגישה שבה הם השתמשו

בדיקת A/B

התנועה לבדיקת ה-A/B הגיעה מערוצי מדיה שונים בתשלום, כולל רשת המדיה, iOS/Android, חיפוש ורשתות חברתיות. 50% מהתנועה נשלחה לדף הנחיתה המותאם (גרסה א'), ו-50% נשלחה לדף הבקרה (גרסה ב'). גרסת א' וגרסת ב' קיבלו כ-100,000 קליקים ו-34,000 ביקורים ביום. כפי שצוין קודם, ההבדל היחיד בין גרסת A לגרסת B היה שגרסת A אופטימיזציה לפי מדדי Web Vitals. מלבד זאת, לא היו הבדלים פונקציונליים או חזותיים בין שתי הגרסאות. ב-Vodafone השתמשו ב-API של PerformanceObserver כדי למדוד את LCP בסשנים אמיתיים של משתמשים, ושילחו את נתוני השדה לספק הניתוח שלהם.

תרשים של הגדרת בדיקת ה-A/B.

אופטימיזציות

Vodafone ביצעה את השינויים הבאים בדף המותאם (גרסה A):

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

התוצאות העסקיות הכוללות

אחרי אופטימיזציה של גרסה א' לפי מדדי Web Vitals והשוואה שלה לגרסה ב' ללא אופטימיזציה, ב-Vodafone גילו שגרסה א' הובילה ל:

עלייה של 8% במכירות
שיפור של 15% בשיעור ההמרה מלידים לביקור (מספר המשתמשים שהפכו ללידים לעומת המספר הכולל של המבקרים)
שיפור של 11% ביחס ההוספה לעגלת הקניות לאחר צפייה (מספר המשתמשים שנכנסו לעגלת הקניות לעומת מספר המבקרים הכולל)

בטבלה הבאה מוצגים הערכים של DOMContentLoaded ('DCL') ו-LCP ש-Vodafone זיהתה בגרסה א' ('דף מותאם') ובגרסה ב' ('דף ברירת המחדל'). שימו לב ש-DCL למעשה עלה ב-15%. הערכים המוחלטים שקשורים למדדים העסקיים נמחקו.

בדף המותאם אישית, זמן הטעינה של רכיב ה-DCL היה 4.05 שניות וזמן הטעינה של רכיב ה-LCP היה 5.7 שניות. לדף ברירת המחדל היה זמן DCL של 3.52 שניות וזמן LCP של 8.3 שניות.

ב-Vodafone אנחנו בודקים פתרונות חדשים, מודדים את התוצאות, שומרים על מה שהצליח ומנסים להבין מה לא הצליח, כדי ללמוד מהטעויות. אנחנו קוראים לזה 'ניסוי, למידה מהירה'. בזכות שיתוף הפעולה עם Google וההשקה של LCP כמדד ה-KPI הראשי לביצועים של דפים, הצלחנו לשפר באופן משמעותי את חוויית הלקוח באתר המסחר האלקטרוני שלנו.
Davide Grossi, מנהל תחום השיווק בדיגיטל, Business

בדף מקרים לדוגמה בנושא התאמה לעומס באתרים תוכלו למצוא עוד סיפורי הצלחה.