מקרה לדוגמה שמודד את ההשפעה המלאה והיתרונות של ציוני ביצועים גבוהים במדדי הליבה לבדיקת חוויית המשתמש באתר.
RebelMouse היא מערכת ניהול תוכן מבוססת-ענן. הכלים מבוססי-הנתונים ובעלי התוכן הדיגיטלי אסטרטגיות לקריאייטיב צריכים לספק את החוויה הטובה ביותר האפשרית לקהלים, חדשים וישן. אנחנו מפעילים נכסי אינטרנט עם תנועה רבה עבור חברות מדיה כמו Upworthy, Narcity, Raw Story, Brit + Co ו-The Infinite, כמו גם אתרים בעלי ערך גבוה כמו Penske Trucks , Vault12 , Gaingels ועוד רבים אחרים.
הפלטפורמה שלנו מגיעה ליותר מ-100 מיליון אנשים מדי חודש בארה"ב בלבד. החברה הוקמה מתוך האמונה שהאינטרנט הפתוח צריך לפעול ברמות הגבוהות ביותר של ציפיות הצרכנים כדי לשגשג, והסטנדרטים שנקבעו על ידי מדדי הליבה לבדיקת חוויית המשתמש באתר של Google תואמים לחזון הזה, שמתמקד במשתמשים.
במשך יותר מעשור, הצוות הגלובלי שלנו פיתח מערכת ניהול תוכן שמספקת חוויית משתמש חיובית ואינטואיטיבית, שמתרגמת לעסק משמעותי. מדדי הליבה לבדיקת חוויית המשתמש באתר הם נקודת השוואה שמבטיחה שהלולאה הסימביוטית הזו תמשיך לפעול בכל אתר חדש שאנחנו מפעילים.
למה תעדוף הביצועים עוזר לעסק טוב יותר
בעלי תוכן דיגיטלי רבים מטילים ספק אם המאמץ שווים ציונים מצוינים במדדי הליבה לבדיקת חוויית המשתמש באתר. הם גם חוששים שאפילו חוויית משתמש איכותית לא תשפר את מספר הקוראים שהם זקוקים לו. למרבה המזל, תעדוף הביצועים שלנו ב-RebelMouse סיפק לנו נתונים שמוכיחים שמדדי הליבה לבדיקת חוויית המשתמש באתר הם דרך מצוינת לייצר תנועת גולשים חדשה ולבנות את נאמנות המשתמשים הנדרשת לניהול עסק מצליח.
כדי להמחיש זאת, ניתחנו את התנהגות הקהל במספר אתרים שאנחנו מפעילים, לפני ואחרי האופטימיזציה לציוני ביצועים גבוהים במדדי הליבה לבדיקת חוויית המשתמש באתר. באופן ספציפי, הגדרנו סוגי משתמשים להפרדת הקהלים לפי הקטגוריות העיקריות הבאות:
- מבקרים חדשים: משתמשים שביקרו באתר בפעם הראשונה.
- מבקרים חוזרים: משתמשים שהיו להם לפחות שני ביקורים.
- מבקרים נאמנים: משתמשים שביקרו באתר לפחות שלוש פעמים או יותר.
- מעריצים: משתמשים שהיו להם לפחות ארבעה סשנים או יותר.
- מעריצים שרופים: משתמשים שהיו להם לפחות 5 סשנים לפחות.
קובצי עזר: - https://www.hotjar.com/google-analytics/glossary/users - https://databox.com/new-vs-returning-visitors
הנתונים מהשטח שנאספו על ידי Google Analytics היו ברורים לחלוטין. כשהתמקדנו בקטגוריות של מבקרים, מעריצים ואוהדי-על נאמנים, גילינו שיש סיכוי גבוה בהרבה שמשתמשים יישארו זמן רב יותר, צרכו יותר תוכן ויחזרו לעיתים קרובות יותר באתרים שמקבלים ציונים מצוינים במדדי הליבה לבדיקת חוויית המשתמש באתר. הנה כמה דוגמאות בולטות:
אבל צריכת התוכן והזמן שהוקדש לכל משתמש לא היו המדדים היחידים לעלייה חדה. מספר המשתמשים שמבקרים והדפים שבוצעה אליהם גישה גדל גם הוא בין אותן הקטגוריות:
מרגילים ועד עם ביצועים גבוהים: איך RebelMouse משנה אתרים
החדשות הטובות הן שבעזרת שינויים אסטרטגיים ומושקעים ב-codebase של האתר, אפשר לקבל ביצועים טובים במדדי הליבה לבדיקת חוויית המשתמש באתר. הנה כמה מהדרכים שבהן RebelMouse מפעיל אתרים עם ביצועים גבוהים:
Progressive Web App
RebelMouse מבצעת אופטימיזציה של כל הקריאות מצד שלישי באפליקציית אינטרנט מסוג Progressive Web App שמספקת קודם את התוכן החשוב ביותר, ולאחר מכן מסדרת את שאר הקריאות כפי שהקורא צריך לראות אותן.
יש לנו שיטה שטוענת JavaScript מיד אחרי שאירוע ה-LCP (המהירות שבה נטען רכיב התוכן הכי גדול) הושלם. אנחנו מאפשרים למשתמשים לטעון JavaScript בשלוש רמות עדיפות שונות:
- האפשרות אופטימיזציה מתאימה במיוחד למשתמשים שרוצים את הגישות החדשניות ביותר. אנחנו משתמשים בו במסגרת עבודת הפיתוח שלנו. רמת העדיפות הזו תשהה את ההפעלה של JavaScript עד לזמן קצר לאחר שהדף ייטען במלואו, כך שתקבלו את הביצועים הטובים ביותר.
- חסימת עומסים משמשת להפעלה מיידית של JavaScript, ולרוב תהיה לה השפעה שלילית על ציוני הביצועים. רמת עדיפות זו תפעיל את ה-JavaScript מיד לאחר שטעינת הדף תסתיים. המצב הזה עלול להוריד את ציוני הביצועים ב-10 עד 40 נקודות, בהתאם לקריאה הנוספת.
- Post LCP היא האפשרות הטובה ביותר לשילוב ציוני ביצועים מעולים עם טעינה מהירה מאוד. רמת העדיפות הזו תגרום ל-JavaScript להיטען מיד אחרי השלמת האירוע Largest Contentful Paint (LCP). (ההגדרה הזו מומלצת למודעות בלבד, אם הגדלתם את ההכנסה מהצגת מודעות למשתמשים שנמצאים בדף רק במשך חמש שניות או פחות).
אופטימיזציה של הטמעות ברשתות חברתיות
כדי להגן על Cumulative Layout Shift (CLS) ועל ניקוד LCP, יש להגדיר את כל ההטמעות לרשתות חברתיות כטעינה מדורגת.
כדי לשמור נתוני CLS, צריך למצוא באופן דינמי את גודל ההטמעה בעזרת טכנולוגיה בצד השרת, ולהכניס אותם לאחסון האישי של המאפיינים של אותה הטמעה. לאחר מכן, צריך להעביר את ההטמעה לממשק הקצה כדי למנוע שינוי של הפריסה במהלך הטעינה. אם אתם מעוניינים להתעמק בנושא הזה, יש לנו פוסטים ספציפיים ב-Twitter ובדוגמאות של TikTok עם פרטים נוספים.
HTML ו-CSS קלים במיוחד, חכמים
יש לבנות את ה-HTML וה-CSS של האתר באופן שמאפשר הצגה של תמונות וטקסט בחלק העליון והקבוע לפני שאר הדף.
- אם מבני HTML שגויים, הדפדפן יאלץ לעבד רכיבים רבים מיותרים באתר שנמצאים בחלק הנגלל כדי לעבד את החלק העליון והקבוע באזור התצוגה הראשון.
- כדי לעשות את זה ב-RebelMouse, אפשר לעיין במאמרים מעמיקים יותר:
- פירוט של איך לשפר את מדדי הליבה לבדיקת חוויית המשתמש באתר (Core Web Vitals).
- מדריך מלא שמסביר איך להטמיע מהירויות דף גבוהות וכולל גם סקריפטים של צד שלישי.
- מדריך מפורט בנושא אופטימיזציה ל-LCP.
פרסום תוך מחשבה על ביצועים
מאז שהשקנו את מדדי הליבה לבדיקת חוויית המשתמש באתר, המפתחים הבחינו בין הביצועים של פלטפורמות הפרסום שלהם לבין ערכי הסף המומלצים של Google.
HTTP Archive – פרויקט קוד פתוח שמזהה מגמות ומתעד דפוסים היסטוריים במיליוני כתובות URL, גילה בדוח הטכנולוגיה של דוח המדדים הבסיסיים של חוויית המשתמש (Core Web Vitals) הביצועים של מערכות ניהול תוכן מובילות ביחס לתקנים של חוויית השימוש בדפים של Google. מאז ההשקה ועד שנת 2022, RebelMouse השיגו ביצועים טובים יותר באופן עקבי מפלטפורמות ה-CMS העיקריות מבחינת המדדים הקריטיים ביותר של Google:
![השוואה בין מקורות עם מדדי ליבה לבדיקת חוויית המשתמש באתר ברמה גבוהה יותר בפלטפורמות שונות. הפלטפורמות הן RebelMouse, WordPress, Drupal, Wix, Squarespace, Adobe Experience Manager, Contentful, Sitecore, Arc Publishing ו-Chorus. התקופה היא מ-1 בינואר 2021 עד 31 בינואר 2022 במכשירים ניידים. המגמה מראה שהביצועים של RebelMouse טובים יותר מכל שאר פלטפורמות ה-CMS בדוח בנושא מדדי ליבה לבדיקת חוויית המשתמש באתר, והמגמה הזו ממשיכה לעלות.](https://web.dev/static/case-studies/rebelmouse/image/a-comparison-origins-hav-933e2c96299c.png?hl=he)
ביצועים ללא פשרות
יצירת תוכן איכותי היא רק חצי מהעבודה עבור בעלי תוכן דיגיטלי ומותגים. התוכן האיכותי צריך להיתמך על ידי טכנולוגיה מודרנית שיכולה לעמוד בקצב ובתקנים של האינטרנט. אנחנו יכולים לספק את מדדי הליבה לבדיקת חוויית המשתמש באתר, כי ביצועי האתר הם לא רק יעד, אלא עמוד תווך של החברה שמשולב בתרבות שלנו. אנחנו מתמקדים מאוד בביצועים כדי לעזור ללקוחות שלנו להפיק את המקסימום מהאינטרנט הפתוח, על ידי הגדלת התנועה והגדלת ההכנסות בלי לפגוע בחוויית המשתמש.
מידע נוסף על האופן שבו אנחנו יכולים לעזור לאתר שלכם לחרוג מהתקן המקובל בתחום מדדי הליבה לבדיקת חוויית המשתמש באתר, אפשר ללחוץ כאן כדי לקבל מידע נוסף על RebelMouse.