מדדי Web Vitals הם יוזמה של Google שמטרתה לספק הנחיות אחידות לקבלת אותות באיכות של דפי אינטרנט, שיעזרו לכם לספק חוויית משתמש מעולה באינטרנט. המטרה שלה היא לפשט את המגוון הרחב של הכלים הזמינים למדידת ביצועים, ולעזור לבעלי אתרים להתמקד במדדים שהכי חשובים להם – מדדי הליבה לבדיקת חוויית המשתמש באתר.
דוח המדדים הבסיסיים של חוויית המשתמש (Core Web Vitals)
מדדי הליבה לבדיקת חוויית המשתמש באתר הם קבוצת משנה של מדדי חוויית המשתמש באתר שחלים על כל דפי האינטרנט. הם צריכים להימדד על ידי כל בעלי האתרים, והם מוצגים בכל הכלים של Google. כל אחד מהמדדים הבסיסיים של חוויית המשתמש מייצג היבט ייחודי של חוויית המשתמש, ואפשר למדוד אותו בשטח ומשקף את החוויה בפועל של תוצאה קריטית שממוקדת במשתמשים.
המדדים שמרכיבים את מדדי הליבה לבדיקת חוויית המשתמש באתר יתפתחו עם הזמן. הקבוצה הנוכחית מתמקדת בשלושה היבטים של חוויית המשתמש: טעינה, אינטראקטיביות ויציבות חזותית. הדוח כולל את המדדים הבאים:
- LCP (המהירות שבה נטען רכיב התוכן הכי גדול): מדד של ביצועי הטעינה. כדי לספק חוויית משתמש טובה, ה-LCP חייב להתרחש בתוך 2.5 שניות מהמועד שבו הדף נטען לראשונה.
- השהיה לאחר קלט ראשון (FID): מדידת אינטראקטיביות. כדי לספק חוויית משתמש טובה, קצב ה-FID של הדפים צריך להיות 100 אלפיות השנייה לכל היותר.
- Cumulative Layout Shift (CLS): מודדת יציבות חזותית. כדי לספק חוויית משתמש טובה, ערך ה-CLS צריך להיות 0.1 או פחות.
עבור כל אחד מהמדדים האלה, על מנת לוודא שאתם עומדים ביעד המומלץ לרוב המשתמשים, סף טוב למדידה הוא האחוזון ה-75 של טעינות דפים, שמפולח בין מכשירים ניידים ומחשבים.
בכלים לבדיקת התאימות של מדדי ליבה לבדיקת חוויית המשתמש באתר, הדף צריך לעמוד ביעדים שהוגדרו באחוזון ה-75 של כל אחד משלושת המדדים האלה.
מחזור חיים
המדדים במסלול של מדדי הליבה לבדיקת חוויית המשתמש באתר עוברים מחזור חיים שמורכב משלושה שלבים: ניסיוני, בהמתנה ויציב.
כל שלב נועד להראות למפתחים איך הם צריכים לחשוב על כל מדד:
- מדדים ניסיוניים הם מדדי ליבה לבדיקת חוויית המשתמש באתר שעשויים עדיין לעבור שינויים משמעותיים, בהתאם לבדיקה ולמשוב מהקהילה.
- מדדים בהמתנה הם מדדי ליבה לבדיקת חוויית המשתמש באתר, שעברו את שלב הבדיקה והמשוב ולוח זמנים מוגדר היטב לשמירה על היציבות.
- מדדים יציבים הם הקבוצה הנוכחית של מדדי ליבה לבדיקת חוויית המשתמש באתר, ש-Chrome מחשיב כחשוב לחוויית משתמש מעולה.
מדדי הליבה לבדיקת חוויית המשתמש באתר נמצאים בשלבים הבאים במחזור החיים:
- LCP: יציב
- FID: יציב
- CLS: יציב
- אינטראקציה אל הצגת התמונה הבאה (INP): בהמתנה
מידע נוסף על הפיתוח של INP זמין במאמר התקדמות מאינטראקציה אל הצגת התמונה הבאה.
תכונה ניסיונית
כאשר מדד נוצר בפעם הראשונה ונכנס לסביבה העסקית, הוא נחשב למדד ניסיוני.
מטרת השלב הניסיוני היא להעריך את הכשירות של מדד מסוים, תחילה על ידי חקירת הבעיה שצריך לפתור, ואולי גם איטרציה של המדדים הקודמים שלא מטפלים בהם. לדוגמה, המדד INP פותח בהתחלה כמדד ניסיוני כדי לטפל בבעיות בביצועים בזמן הריצה באינטרנט בצורה מקיפה יותר מאשר עיכוב קלט ראשון (FID).
השלב הניסיוני של מחזור החיים של מדדי הליבה לבדיקת חוויית המשתמש באתר מיועד גם לספק גמישות בפיתוח המדד על ידי זיהוי באגים ואפילו חקירה של שינויים בהגדרה הראשונית. זה גם השלב שבו המשוב מהקהילה הכי חשוב.
בהמתנה
כאשר צוות Chrome קובע שמדד ניסיוני קיבל מספיק משוב והוכיח את יעילותו, הוא הופך למדד בהמתנה. מדדים בהמתנה נשמרים בשלב הזה למשך שישה חודשים לפחות, כדי לתת למערכת האקולוגית זמן להסתגל. משוב מהקהילה ממשיך להיות היבט חשוב בשלב הזה, ככל שיותר מפתחים מתחילים להשתמש במדד הזה.
אורווה
כשמדד ליבה לבדיקת חוויית המשתמש באתר נקבע סופית, הוא הופך למדד יציב. בשלב הזה, המדד יכול להפוך למדד ליבה לבדיקת חוויית המשתמש באתר.
יש תמיכה במדדים יציבים באופן פעיל, ויכול להיות שנבצע בהם תיקוני באגים ושינויים בהגדרות. המדדים של מדדי הליבה לבדיקת חוויית המשתמש באתר לא ישתנו יותר מפעם בשנה. כל שינוי במדד ליבה לבדיקת חוויית המשתמש באתר יצוין בבירור במסמך הרשמי של המדד וביומן השינויים של המדד. מדדי הליבה לבדיקת חוויית המשתמש באתר נכללים גם הם בכל הבדיקות.
נקודה חשובה: מדדים יציבים הם לא בהכרח קבועים. אפשר להוציא משימוש מדד יציב ולהחליף אותו במדד אחר, שמטפל באזור הבעיה בצורה יעילה יותר.
מדידה ודיווח על מדדי ליבה לבדיקת חוויית המשתמש באתר
Google מאמינה שמדדי הליבה לבדיקת חוויית המשתמש באתר הם קריטיים לכל חוויות השימוש באינטרנט. כתוצאה מכך, היא מחויבת להציג את המדדים האלה בכל הכלים הפופולריים שלה. בקטעים הבאים מפורט אילו כלים תומכים במדדי הליבה לבדיקת חוויית המשתמש באתר.
כלי שדה למדידת מדדי ליבה לבדיקת חוויית המשתמש באתר
הדוח לגבי חוויית המשתמש ב-Chrome אוסף נתונים אנונימיים ואנונימיים של נתוני משתמשים, עבור כל מדד ליבה לבדיקת חוויית המשתמש באתר. הנתונים האלה מאפשרים לבעלי אתרים להעריך במהירות את הביצועים שלהם בלי שהם יצטרכו להגדיר ידנית ניתוח נתונים לדפים שלהם, והם מחזקים כלים כמו PageSpeed Insights ודוח המדדים הבסיסיים של חוויית המשתמש (Core Web Vitals) ב-Search Console.
| LCP | FID | CLS | |
| הדוח לגבי חוויית המשתמש ב-Chrome | |||
| PageSpeed Insights | |||
| Search Console (דוח מדדי הליבה לבדיקת חוויית המשתמש באתר) |
הנתונים שמופיעים בדוח חוויית המשתמש ב-Chrome מאפשרים להעריך במהירות את ביצועי האתר, אבל הם לא מספקים את נתוני הטלמטריה המפורטים לפי צפייה בדף שנדרשים לעיתים קרובות כדי לאבחן רגרסיות, לעקוב אחריהן ולהגיב להן במהירות. לכן מומלץ מאוד להגדיר לאתרים מעקב משלהם אחרי המשתמשים האמיתיים.
מדידת מדדי הליבה לבדיקת חוויית המשתמש באתר ב-JavaScript
אפשר למדוד ב-JavaScript כל אחד מהמדדי הליבה לבדיקת חוויית המשתמש באתר באמצעות ממשקי API רגילים לאינטרנט.
הדרך הקלה ביותר למדוד את כל מדדי הליבה לבדיקת חוויית המשתמש באתר היא באמצעות ספריית JavaScript web-vitals – רכיב wrapper קטן ומוכנה לייצור של API שמודד כל מדד באופן שתואם במדויק לאופן שבו הכלים של Google מדווחים עליהם.
בעזרת הספרייה web-vitals אפשר למדוד כל מדד בקלות על ידי קריאה לפונקציה אחת (אפשר לעיין במסמכי התיעוד לקבלת פרטים מלאים על השימוש ועל API):
import {onCLS, onFID, 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);
onFID(sendToAnalytics);
onLCP(sendToAnalytics);
אחרי שמגדירים את האתר כך שישתמש בספריית דפי אתרים כדי למדוד ולשלוח את הנתונים של מדדי הליבה לבדיקת חוויית המשתמש באתר לנקודת קצה לניתוח נתונים, השלב הבא הוא לאסוף את הנתונים ולדווח עליהם כדי לראות אם הדפים עומדים בערכי הסף המומלצים לפחות 75% מהביקורים בדפים.
לחלק מהספקים של ניתוח נתונים יש תמיכה מובנית במדדים של מדדי ליבה לבדיקת חוויית המשתמש באתר, אבל גם לאלה שלא כוללים תכונות בסיסיות של מדדים מותאמים אישית, אפשר למדוד בכלי שלהם את מדדי הליבה לבדיקת חוויית המשתמש באתר.
דוגמה לכך היא דוח מדדי חוויית המשתמש באתר, שמאפשר לבעלי אתרים למדוד את מדדי הליבה לבדיקת חוויית המשתמש באתר באמצעות Google Analytics. לקבלת הנחיות לגבי מדידה של מדדי ליבה לבדיקת חוויית המשתמש באתר באמצעות כלים אחרים לניתוח נתונים, קראו את השיטות המומלצות למדידת Web Vitals בשדה.
בעזרת התוסף Web Vitals ל-Chrome אפשר גם לקבל דוחות על כל אחד מהמדדי הליבה לבדיקת חוויית המשתמש באתר בלי לכתוב קוד. התוסף הזה משתמש בספרייה web-vitals כדי למדוד כל אחד מהמדדים האלה ולהציג אותם למשתמשים בזמן שהם גולשים באינטרנט.
תוסף זה יכול לסייע בהבנת הביצועים של האתרים שלך, של האתרים של המתחרים שלך ושל האינטרנט באופן כללי.
| LCP | FID | CLS | |
|---|---|---|---|
| קריאייטיבים באינטרנט | |||
| תוסף Web Vitals |
מפתחים שמעדיפים למדוד את המדדים האלה ישירות באמצעות ממשקי ה-API הבסיסיים באינטרנט יכולים להשתמש במקום זאת במדריכי המדדים האלה כדי לקבל פרטים על ההטמעה:
למידע נוסף על מדידת המדדים האלה באמצעות שירותים פופולריים לניתוח נתונים או באמצעות כלים משלכם לניתוח נתונים, קראו את השיטות המומלצות למדידת Web Vitals בתחום.
כלי מעבדה למדידת מדדי ליבה לבדיקת חוויית המשתמש באתר
כל מדדי הליבה לבדיקת חוויית המשתמש באתר הם בראש ובראשונה מדדי שדה, אבל רבים מהם ניתנים למדידה גם בשיעור ה-Lab.
מדידה ב-Lab היא הדרך הטובה ביותר לבדוק את הביצועים של תכונות במהלך הפיתוח. זוהי גם הדרך הטובה ביותר לתפוס רגרסיות של ביצועים לפני שהן מתרחשות.
אפשר להשתמש בכלים הבאים כדי למדוד את מדדי הליבה לבדיקת חוויית המשתמש באתר בסביבת שיעור Lab:
| LCP | FID | CLS | |
|---|---|---|---|
| כלי פיתוח ל-Chrome | (במקום זאת, יש להשתמש ב-TBT) | ||
| מגדלור | (במקום זאת, יש להשתמש ב-TBT) |
בכלים כמו Lighthouse שטוענים דפים בסביבת סימולציה ללא משתמש, אי אפשר למדוד FID כי אין להם קלט של משתמשים. עם זאת, המדד 'זמן חסימה כולל' (TBT) ניתן למדידה במעבדה והוא מהווה שרת proxy מצוין ל-FID. אופטימיזציות של ביצועים שמשפרות את TBT בשיעור ה-Lab אמורות לשפר את ה-FID בשדה. הנחיות נוספות זמינות במאמר המלצות לשיפור הציונים.
אמנם מדידה במעבדה היא חלק חשוב ביצירת חוויות נהדרות, אבל היא לא תחליף למדידה בשטח. ביצועי האתר יכולים להשתנות באופן משמעותי בהתאם ליכולות המכשיר של המשתמש, לתנאי הרשת שלו, לתהליכים אחרים שפועלים במכשיר ולאופן האינטראקציה שלהם עם הדף. למעשה, כל מדד של מדדי ליבה לבדיקת חוויית המשתמש באתר יכול להיות מושפע מאינטראקציה של משתמשים. רק מדידת השדות יכולה לצלם באופן מדויק את התמונה השלמה.
המלצות לשיפור הציונים
במדריכים הבאים יש המלצות ספציפיות לאופטימיזציה של הדפים לפי כל אחד מהמדדי הליבה לבדיקת חוויית המשתמש באתר:
מדדי Web Vitals אחרים
למרות שמדדי הליבה לבדיקת חוויית המשתמש באתר הם מדדים חיוניים להבנה ולמתן חוויית משתמש מעולה, יש גם מדדים חיוניים נוספים.
לרוב, מדדי חוויית המשתמש האחרים האלה משמשים כשרתי proxy או כמדדים משלימים למדדי הליבה לבדיקת חוויית המשתמש באתר, כדי לתעד חלק גדול יותר מהחוויה או לאבחן בעיה ספציפית.
לדוגמה, Time to First Byte (TTFB) ו-First Contentful Paint (FCP) הם שני היבטים חיוניים בחוויית הטעינה, ושניהם שימושיים לאבחון בעיות ב-LCP (זמני תגובה איטיים של השרת או משאבים לחסימת עיבוד, בהתאמה).
באופן דומה, מדד כמו Total block Time (TBT) הוא מדד חיוני במעבדה כדי לאתר בעיות פוטנציאליות של אינטראקטיביות שעלולות להשפיע על FID ועל INP ולאבחן אותן. עם זאת, המדד הזה לא נכלל בהגדרה של מדדי ליבה לבדיקת חוויית המשתמש באתר כי הוא לא ניתן למדידה בשדה, והוא לא משקף תוצאה ממוקדת במשתמש.
שינויים ב-Web Vitals
מדדי חוויית המשתמש באתר ומדדי הליבה לבדיקת חוויית המשתמש באתר מייצגים את האותות הטובים ביותר שזמינים למפתחים כיום כדי למדוד את איכות חוויית המשתמש באינטרנט, אבל האותות האלה לא מושלמים וצפויים שיפורים או תוספות בעתיד.
מדדי הליבה לבדיקת חוויית המשתמש באתר רלוונטיים לכל דפי האינטרנט ומופיעים בכלים הרלוונטיים של Google. לשינויים במדדים האלה יש השפעה רחבה, ולכן המפתחים צריכים לצפות שההגדרות והערכי הסף של מדדי הליבה לבדיקת חוויית המשתמש באתר יהיו יציבים, וגם הודעה מראש ולוח זמנים צפוי לעדכונים.
מדדי Web Vitals האחרים הם לעיתים קרובות ספציפיים להקשר או לכלי, והם יכולים להיות יותר ניסיוניים ממדדי הליבה לבדיקת חוויית המשתמש באתר. לכן, ההגדרות והסכומים שלהם עשויים להשתנות בתדירות גבוהה יותר.
השינויים בכל Web Vitals מתועדים ביומן השינויים הציבורי הזה.