Web Vitals

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

סקירה כללית

Web Vitals הוא יוזמה של Google שנועדה לספק הנחיות מאוחדות לגבי אותות איכות שחיוניים לשיפור חוויית המשתמש באינטרנט.

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

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

Core Web Vitals

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

המדדים שמרכיבים את מדדי הליבה לבדיקת חוויית המשתמש באתר יתפתחו עם הזמן. הקבוצה הנוכחית של 2020 מתמקדת בשלושה היבטים של חוויית המשתמש – טעינה, אינטראקטיביות ויציבות חזותית — וכוללת את המדדים הבאים (ואת ערכי הסף המתאימים):

המלצות לסף של Largest Contentful Paint (LCP) המלצות לסף של אינטראקציה עד לצבע הבא המלצות סף של שינוי מצטבר בפריסה

כדי לוודא שאתם עומדים ביעד המומלץ למדדים האלה עבור רוב המשתמשים, סף טוב למדידה הוא האחוזון ה-75 של טעינות דפים, המפולח במכשירים ניידים ובמחשבים.

באמצעות כלים שמעריכים את התאימות של מדדי הליבה לבדיקת חוויית המשתמש באתר, כדאי לוודא שדף עובר בהצלחה אם הוא עומד ביעדים המומלצים באחוזון ה-75 לכל שלושת המדדים של Core Web Vitals.

מחזור חיים

המדדים במסלול הליבה לבדיקת חוויית המשתמש באתר עוברים מחזור חיים שמורכב משלושה שלבים: ניסיוני, בהמתנה ויציב.

שלושת השלבים במחזור החיים של מדדי הליבה לבדיקת חוויית המשתמש באתר, שמוצגים כסדרה של שלושה נושאים. השלבים משמאל לימין הם ניסיוניים, בהמתנה ויציבים.
השלבים במחזור החיים של Core Web Vitals.

כל שלב נועד לעזור למפתחים לחשוב על כל מדד:

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

מדדי הליבה לבדיקת חוויית המשתמש באתר נמצאים בשלבים הבאים במחזור החיים:

תכונה ניסיונית

כשנוצר מדד ראשוני ונכנס לסביבה העסקית, הוא נחשב למדד ניסיוני.

המטרה של שלב הניסוי היא להעריך את הכשירות של מדד מסוים, תחילה על ידי בדיקת הבעיה שצריך לפתור, ולפעמים גם חזרה על נקודות שלא טופלו במדדים הקודמים. לדוגמה, Interaction to Next Paint (INP) פותחה בהתחלה כמדד ניסיוני כדי לטפל בבעיות הביצועים בסביבת זמן הריצה שמופיעות באינטרנט באופן מקיף יותר, בהשוואה למדד עיכוב קלט ראשון (FID).

השלב הניסיוני של מחזור החיים של Core Web Vitals נועד גם להעניק גמישות בפיתוח של מדד באמצעות זיהוי באגים ואפילו בדיקת שינויים בהגדרה הראשונית שלו. זה גם השלב שבו המשוב מהקהילה הוא החשוב ביותר.

בהמתנה

כשצוות Chrome קובע שמדד ניסיוני קיבל מספיק משוב והוכיח את היעילות שלו, הוא הופך למדד בהמתנה. לדוגמה, מדד INP קוּדם ב-2023 מסטטוס ניסיוני לסטטוס 'בהמתנה', במטרה להוציא משימוש בסופו של דבר את FID.

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

אורווה

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

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

כלים למדידה ולדיווח על Core Web Vitals

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

כלים שמאפשרים למדוד את מדדי הליבה לבדיקת חוויית המשתמש באתר

בדוח על חוויית המשתמש ב-Chrome נאספים נתונים אמיתיים ואנונימיים לגבי המדידה של המשתמשים בכל מדד ליבה לבדיקת חוויית המשתמש באתר. הנתונים האלה מאפשרים לבעלי אתרים להעריך במהירות את הביצועים שלהם בלי לדרוש מהם להשתמש ידנית בניתוח נתונים בדפים שלהם, והם מפעילים כלים כמו PageSpeed Insights ו-דוח מדדי הליבה לבדיקת חוויית המשתמש באתר של Search Console.

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

מדידת מדדי הליבה לבדיקת חוויית המשתמש באתר ב-JavaScript

ניתן למדוד כל אחד ממדדי הליבה לבדיקת חוויית המשתמש באתר ב-JavaScript באמצעות ממשקי API רגילים לאינטרנט.

הדרך הקלה ביותר למדוד את כל מדדי הליבה לבדיקת חוויית המשתמש באתר היא באמצעות ספריית ה-JavaScript של Web-vitals – wrapper קטן ומוכן לסביבת הייצור שמבוסס על ממשקי ה-API הבסיסיים לאינטרנט, שמודדים כל מדד באופן שתואם במדויק לאופן שבו הכלים של Google מדווחים עליהם.

באמצעות ספריית web-vitals אפשר למדוד כל מדד באמצעות קריאה לפונקציה אחת (אפשר לעיין במסמכי התיעוד לקבלת פרטים מלאים על שימוש וAPI):

import {onCLS, onINP, onLCP} from 'web-vitals';

function sendToAnalytics(metric) {
  const body = JSON.stringify(metric);
  // Use `navigator.sendBeacon()` if available, falling back to `fetch()`.
  (navigator.sendBeacon && navigator.sendBeacon('/analytics', body)) ||
    fetch('/analytics', {body, method: 'POST', keepalive: true});
}

onCLS(sendToAnalytics);
onINP(sendToAnalytics);
onLCP(sendToAnalytics);

אחרי שמגדירים את האתר לשימוש בספריית Web-vitals כדי למדוד ולשלוח את הנתונים של מדדי הליבה לבדיקת חוויית המשתמש באתר אל נקודת קצה של ניתוח נתונים, השלב הבא הוא לצבור נתונים ולדווח עליהם כדי לבדוק אם הדפים עומדים בערכי הסף המומלצים ב-75% מהביקורים בדפים לפחות.

לחלק מספקי הניתוח יש תמיכה מובנית במדדים של Core Web Vitals, אבל גם אלה שלא צריכים לכלול תכונות בסיסיות של מדדים מותאמים אישית שמאפשרות למדוד את מדדי הליבה לבדיקת חוויית המשתמש באתר.

דוגמה אחת לכך היא הדוח 'מדדי אינטרנט', שמאפשר לבעלי אתרים למדוד את מדדי הליבה לבדיקת חוויית המשתמש באתר באמצעות Google Analytics. לקבלת הנחיות למדידת Core Web Vitals באמצעות כלים אחרים לניתוח נתונים, אפשר לעיין במאמר בנושא שיטות מומלצות למדידת ביצועים של חוויית המשתמש באתר.

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

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

  LCP INP CLS
מדדי אתר
תוסף Web Vitals

מפתחים שמעדיפים למדוד את המדדים האלה ישירות באמצעות ממשקי ה-API הבסיסיים לאינטרנט, יכולים להשתמש במקום זאת במדריכים הבאים של המדדים כדי לקבל פרטים על ההטמעה:

לקבלת הנחיות נוספות למדידת המדדים האלה באמצעות שירותים פופולריים לניתוח נתונים או באמצעות כלים פנימיים משלכם לניתוח נתונים, מומלץ לקרוא את המאמר שיטות מומלצות למדידת מדדי Web Vitals.

כלי Lab למדידת מדדי הליבה לבדיקת חוויית המשתמש באתר

כל מדדי הליבה לבדיקת חוויית המשתמש באתר הם, קודם כל מדדי השטח, אבל רבים מהם ניתנים למדידה גם בשיעור ה-Lab.

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

תוכלו להשתמש בכלים הבאים כדי למדוד את מדדי הליבה לבדיקת חוויית המשתמש באתר בסביבת שיעור ה-Lab:

  LCP INP CLS
כלי פיתוח ל-Chrome (במקום זאת, יש להשתמש ב-TBT)
מגדלור (במקום זאת, יש להשתמש ב-TBT)

מדידה של שיעורי Lab היא חלק חיוני ביצירת חוויות מעולות, אבל היא לא תחליף למדידת שטח.

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

המלצות לשיפור הציונים שלך

במדריכים הבאים תוכלו למצוא המלצות ספציפיות לאופטימיזציה של הדפים בכל אחד ממדדי הליבה לבדיקת חוויית המשתמש באתר:

מדדי Web Vitals אחרים

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

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

לדוגמה, המדדים Time to First Byte (TTFB) ו-First Contentful Paint (FCP) הם שני היבטים חיוניים של חוויית הטעינה, ושניהם שימושיים לאבחון בעיות עם LCP (זמני תגובה איטיים של השרת או משאבים לחסימת עיבוד נתונים, בהתאמה).

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

שינויים ב-Web Vitals

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

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

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

בכל המדדים של Web Vitals, השינויים יתועדו בבירור ב-CHANGELOG הציבורי הזה.