תאריך פרסום: 19 במרץ 2025
T-Mobile היא חברת טלקומוניקציה מובילה בארצות הברית, שמציעה כיסוי רחב של רשתות וקישוריות מהירה מסוג 5G.
חברת T-Mobile ניתחה את מדדי הליבה לבדיקת חוויית המשתמש באתר של משתמשים אמיתיים, והבינה ששיפורים במדדים האלה יכולים להשפיע באופן משמעותי גם על חוויית המשתמש וגם על המדדים העסקיים.
כחלק מהמאמצים המתמשכים לשפר את הנוכחות הדיגיטלית שלה, T-Mobile שיפרה את המדדים הבסיסיים של חוויית המשתמש (Core Web Vitals) באתר שלה, במיוחד את Largest Contentful Paint (LCP), כדי לשפר את חוויית המשתמש וכתוצאה מכך לשפר מדדים עסקיים מרכזיים.
העלאת המוּדעוּת לגבי ביצועי האתר באמצעות נתונים
מתוך הכרה בצורך הגובר להבטיח חוויית משתמש מעולה באינטרנט, צוותי האופטימיזציה למנועי חיפוש (SEO) והמוצרים של T-Mobile יצאו ביוזמה משותפת שמטרתה לשפר את הביצועים של האתר שלהם. השלב הראשון היה להציב את מדדי הליבה לבדיקת חוויית המשתמש באתר בראש סדר העדיפויות של הדיונים עם בעלי העניין, כדי לוודא שהם יתקבלו כעדיפות עליונה – בעיה שצוותי הפיתוח נתקלים בה לעיתים קרובות בחברות רבות.
כדי לטפל בבעיה הזו, ב-T-Mobile עברו לאסטרטגיה מבוססת-נתונים. הם ידעו שנתונים מהמעבדה מ-Lighthouse ונתונים מדוחות חוויית המשתמש ב-Chrome (CrUX) יכולים לספק רק תצוגה חלקית של ביצועי האתר, ולכן הם שילבו את ספריית JavaScript של מדדי חוויית המשתמש באינטרנט בנכסי האינטרנט של T-Mobile כדי לתעד ולנתח ישירות נתוני ביצועים – שנקראים נתוני שטח – ממשתמשים אמיתיים.
שילוב של נתוני המדדים הבסיסיים של חוויית המשתמש מהשטח עם חבילת כלי הניתוח של T-Mobile אפשר לחברה לקבל כמה נקודות מידע חזקות, כולל:
- ההשפעה על חוויית המשתמש: המבקרים ב-T-Mobile.com נוטים יותר לעזוב את האתר אם זמן הטעינה של הדפים ארוך יותר.
- ההשפעה על העסק: שיעורי ההמרה ב-T-Mobile.com יורדים ככל שזמן הטעינה של הדפים ארוך יותר.
הנתונים הראו בבירור את הקשר בין הביצועים של אתר T-Mobile לבין המדדים העסקיים שלו.
בעזרת הערכת ההשפעה על ההכנסות בפלחים של 100 אלפיות השנייה של LCP, הצוות הצליח למשוך את תשומת הלב של ההנהלה, והקים כוח משימה רב-תחומי כדי לשפר את הביצועים של האתר. הצגת נתונים ברורים ומדידה של ההזדמנות אפשרו לצוותים של T-Mobile בתחום האופטימיזציה למנועי חיפוש (SEO) ובתחום המוצרים להעביר בצורה יעילה את החשיבות של שיפור המדדים הבסיסיים של חוויית המשתמש (Core Web Vitals).
התאמה לעומס של שיפורים בביצועים באתרים כדי למקסם את ההשפעה
כדי לטפל באופן מקיף בבעיות בביצועים, צוות T-Mobile ביצע סדרה של שיפורים טכניים תוך התמקדות ביכולת התאמה לעומס. המאמצים האלה התמקדו באופטימיזציה של רכיבים קריטיים ובשימוש בטכנולוגיות כדי להבטיח שיפור מתמשך בביצועים בפלטפורמות הדיגיטליות שלהם.
ההשפעה על חוויית הלקוח
המאמצים לשפר את ביצועי האתר הביאו לירידה של 42% בממוצע בזמן הטעינה של רכיב התוכן הכי גדול (LCP):
לשיפור הזה הייתה השפעה חיובית על חוויית המשתמש, כולל:
ההשפעה על העסק
זמני הטעינה המהירים יותר של הדפים תרמו גם לתהליך רכישה יעיל יותר, עם שיפור של 60% בשיעור ההמרה של ביקורים של לקוחות פוטנציאליים עם כוונת רכישה באותה תקופה.
שדרוגים מרכזיים בביצועים שסייעו ל-T-Mobile להתקדם
הרשימה הבאה כוללת פירוט של היוזמות המרכזיות וההשפעות שלהן:
שמירה במטמון של ממשקי API ושינוי מבנה
ממשקי ה-API – כולל ממשקי ה-API של 'מוצרים' ו'מבצעים' – נשמרו במטמון ושונו כדי לשפר את זמני התגובה ולצמצם את העומס על השרת. העברת עומסים לרשת להעברה והצגה של תוכן (CDN) לצורך אופטימיזציה של שמירת נתונים במטמון תרמה משמעותית לשיפורים האלה.
שמירה במטמון של נכסים סטטיים
נכסים סטטיים – כולל JavaScript, גיליונות סגנונות וספריות לקוח – נשמרו במטמון כדי לקצר את זמני הטעינה. שימוש בשמירת נתונים במטמון של CDN והגדרות מטמון שהותאמו אישית שיפרו את מהירות המסירה והפחיתו את העומס על השרת. האופטימיזציה הזו שיחקה תפקיד חיוני בשיפור הביצועים הכוללים של האתר.
אופטימיזציה של רכיבי תמונות
הצוות ביצע אופטימיזציה של רכיבי התמונות על ידי צמצום גודל התמונות, שימוש בפורמטים מודרניים של תמונות כמו WebP והטמעת תמונות רספונסיביות כדי להבטיח את האיכות הטובה ביותר בקובץ הקטן ביותר.
טעינה מראש של רכיבים וטעינה מראש של רכיבים
משאבים קריטיים נטענו מראש ונשלחו מראש כדי להבטיח שהם יהיו זמינים באופן מיידי כשיהיה צורך בהם. כך קוצר זמן ההמתנה של המשתמשים ושיפור זמני הטעינה של הדפים.
קישורים מראש לדומיינים חיוניים ושיפורים בסקריפטים למניעת הבהוב
הצוות הטמיע קישורים מראש לדומיינים קריטיים כדי ליצור חיבורים מראש, וכך לצמצם את זמן האחזור של אחזור המשאבים. בנוסף, הם שיפרו את הסקריפט למניעת הבהוב כדי לצמצם את הבהוב התוכן ולהבטיח חוויית משתמש חלקה יותר.
העברה של פלטפורמת Adobe Experience Manager (AEM)
הצוות עבר לגרסה חדשה יותר של פלטפורמת הקצה הקדמי, שסיפקה יכולות ביצועים משופרות ושיפורים בתשתית.
העברת רכיבי Angular לרכיבי ייצור של AEM
רכיבי Angular הועברו לרכיבי ייצור של Adobe Experience Manager (AEM) כדי לייעל את הארכיטקטורה ולשפר את הביצועים ואת יכולת התחזוקה.
אופטימיזציות מרכזיות של דפי נחיתה
השיפורים כללו אופטימיזציה של קרוסלות תמונות, שימוש ב-Adobe webSDK, הארכת זמן השמירה במטמון של מדיה דינמית, דחיסת עומסי נתונים ועדכון עיצובי התמונות כדי לשפר את זמני הטעינה ואת חוויית המשתמש.
צמצום שגיאות בממשקי API
הצוות צמצם את מספר השגיאות בכמה דפים מרכזיים של מסחר אלקטרוני, וכך הבטיח העברת נתונים מהימנה יותר ושיפר את האינטראקציות של המשתמשים.
טיפוח תרבות של ביצועי האתר באמצעות דמוקרטיזציה של הנתונים
כדי להבטיח שהחברה תמשיך להתחייב לביצועים מעולים באינטרנט, T-Mobile הטמיעה כמה אמצעי בקרה מרכזיים בכל הארגון. יוזמות אלה נועדו לאפשר גישה לכל נתוני הביצועים, להכשיר את הצוות שלנו ולעורר בו עניין, לעקוב באופן יזום אחר מדדי Core Web Vitals ולאכוף את תקני הביצועים בכל הגרסאות של הקוד. השיטות הבאות מתארות איך הם מפתחים תרבות של ביצועי אינטרנט על ידי הנגשת הנתונים, עידוד למידה מתמשכת והטמעת שיטות ניהול חזקות.
הנגשת נתוני Core Web Vitals
ב-T-Mobile השתמשו במרכזי בקרה חזקים של Looker Studio כדי לאפשר לכל חברי הארגון לגשת לנתוני הביצועים. בנוסף, יש לנו וויקי מקיף בנושא ביצועי האתר שעוזר לחברי הצוות לפרש את הדוחות של מדדי הליבה לבדיקת חוויית המשתמש באתר ולהשתמש בהם בצורה יעילה.
מרכז הבקרה של Looker Studio ב-T-Mobile, שבו מוצגים מדדי Core Web Vitals בזמן אמת. משמאל לימין:
- Speedometer: העשירון ה-75 של כל אירועי ה-LCP שתועדו בטווח התאריכים שנבחר.
- תרשים קו: המגמה היומית של הציונים ב-75% העליונים בטווח התאריכים שנבחר.
- תרשים עוגה: חלוקת האחוזים של הדירוגים 'טוב', 'דרוש שיפור' ו'גרוע' בטווח התאריכים שנבחר.
- תרשים קו מוערם: מגמה יומית של חלוקת האחוזים של הדירוגים 'טוב', 'דרוש שיפור' ו'איטי' בטווח שנבחר.
הדרכה שוטפת ומעורבות
מנהל המוצר וה-SEO מארח באופן קבוע אירועים בנושא ביצועי אתרים וסדנאות העברת ידע. היוזמות האלה מעודדות את הצוות הרחב יותר לקבל הדרכה ולעסוק בנושא, ומעודדות מחויבות מתמשכת לביצועים מעולים באינטרנט.
מערכת התראות לגבי מדדי הליבה לבדיקת חוויית המשתמש באתר (Core Web Vitals)
הוקמה מערכת התראות למעקב אחר מדדי הליבה לבדיקת חוויית המשתמש באתר בקבוצות שונות של דפים. כשמדדי Core Web Vitals מגיעים לסף מסוים, נשלחת התראה באימייל באופן אוטומטי לגורמים הרלוונטיים.
דרישות הביצועים לגרסאות קוד
ב-T-Mobile הגדירו גם דרישות ביצועים למהדורות קוד. כדי שאפשר יהיה להשיק דפים, הם צריכים לעמוד ברמות ביצועים ספציפיות ב-Lighthouse, כדי להבטיח שמתקיימים סטנדרטים גבוהים של ביצועי האתר.
בעזרת הפעולות האלה, T-Mobile יכולה להבטיח שביצועי האתר ימשיכו להיות בעדיפות גבוהה, ולהמשיך לטפח תרבות של שיפור מתמיד.
תודות
תודה לכל מי שעבד על ביצועי האתר של T-Mobile ועל מחקר המקרה הזה: Kevin Lau, Monique Misrahi, Bill Dinger, Laura Mathisen, Suresh Gundu, Duke Fong, Amir Mohammadi, Liang Yeh, Jennifer Panke, Julia Edgar, Ejaz Malik, Damon Jochum, Will Fraley, Gene McKenna, Vinayak Hegde ו-Warren McNeel.
מקרה המחקר הזה פותח בשיתוף פעולה בין T-Mobile לבין השותפים שלה בתחום פתרונות הלקוחות ב-Google, Ilya Motamedi, Dakota Deady ו-Christine Zanedis. התובנות והתמיכה שלהם תרמו להצלחה של היוזמה הזו.