ההבנה של ההבדל הזה חוסכת הרבה עבודה מבוזבזת. בעלי אתרים מתקנים לפעמים בעיה שקיימת רק בבדיקה, ומתעלמים מבעיה שהגולשים שלהם חווים כל יום. המדריך הזה מסביר מה כל סוג נתונים מודד, למה הם נבדלים, ואיך משתמשים בשניהם כדי להחליט מה לתקן קודם.
שני מספרים שעונים על דברים שונים
נתוני מעבדה הם תוצאה של טעינה אחת, מבוקרת, של העמוד. לפי התיעוד של PageSpeed Insights, הבדיקה הזאת מבוססת על Lighthouse, שמדמה טעינה במכשיר נייד מסוג בינוני ברשת סלולרית, או במחשב שולחני עם חיבור קווי. השאלה שהיא עונה עליה היא: מה קורה כשהעמוד הזה נטען בתנאים האלה, עכשיו.
נתוני שטח, שנקראים גם נתוני משתמשים אמיתיים, הם משהו אחר לגמרי. ב-PageSpeed Insights הם מגיעים מדוח חוויית המשתמש של כרום (CrUX), ומסכמים את מה שחוו גולשים אמיתיים בדפדפן כרום ב-28 הימים האחרונים. השאלה שהם עונים עליה היא: איך האתר הזה הרגיש לאנשים שבאמת ביקרו בו.
ההבדל הזה הוא גם ההבדל בין שימושים. מי שרוצה ללמוד לקרוא את הדוח לעומק, סעיף אחר סעיף, ימצא מדריכים למדידת ביצועי האתר בעברית, כולל הסבר על קריאת דוח PageSpeed Insights ועל המדדים LCP, INP ו-CLS. כאן נתמקד בשאלה אחת: למה שני המספרים נפרדים, ומה עושים עם זה.
למה המעבדה לא רואה את מה שהגולשים רואים
בכתבה של פיליפ וולטון באתר web.dev, שעוסקת בפערים בין נתוני מעבדה לנתוני שטח, מוסבר שבדיקת מעבדה רצה על מכשיר אחד, ברשת אחת ומאזור גאוגרפי אחד. הגולשים שלכם, לעומת זאת, מגיעים עם טלפונים חדשים וישנים, בחיבור סיבים ובחיבור סלולרי חלש, ומכל מקום בעולם.
יש גם הבדל של זיכרון. בדיקת מעבדה טוענת בדרך כלל את העמוד עם מטמון ריק, כאילו זה הביקור הראשון אי פעם. גולש שחוזר לאתר כבר מחזיק חלק מהקבצים בדפדפן, וגולש שלוחץ על כפתור "חזרה" עשוי לקבל את העמוד כמעט מיד מהזיכרון של הדפדפן. לכן נתוני שטח יכולים להיות טובים יותר מהמעבדה, לא רק גרועים יותר.
תוצאה של פער כזה, לדוגמה בלבד: אתר שרוב הגולשים שלו חוזרים אליו מדי יום עשוי להיראות איטי במעבדה ומהיר בשטח. אתר חדשות שרוב התנועה שלו מגיעה מטלפונים ישנים ברשת סלולרית עשוי להיראות טוב במעבדה ולהיכשל בשטח.
שלושת המדדים, ומה כל אחד מהם מפספס בבדיקה
ה-LCP מודד מתי הרכיב הגדול ביותר בחלק הנראה של העמוד מוצג. לפי web.dev, הרכיב הזה במעבדה לא בהכרח זהה לרכיב שהגולשים רואים. גודל מסך אחר, תוכן מותאם אישית או גופן שנטען אחרת יכולים לשנות אותו. ובשטח, המדידה נעצרת כשהגולש גולל או לוחץ, כך שהתוצאה תלויה גם בהתנהגות שלו.
ה-INP מודד כמה מהר העמוד מגיב ללחיצות, הקשות והקלדה. כאן הפער הכי גדול: מעבדה לא יכולה לדעת מתי גולש אמיתי ילחץ ועל מה, ולכן INP לא נמדד בה באמת. במקומו מופיע בדוח מדד בשם Total Blocking Time, שנועד לעזור לאבחן בעיות תגובה. אבל web.dev מזהיר שעמוד יכול לקבל TBT טוב ועדיין INP חלש אצל הגולשים.
ה-CLS מודד כמה תוכן קופץ ממקומו בזמן שהגולש קורא. במעבדה נספרות רק תזוזות שקורות בזמן הטעינה ובחלק העליון של המסך. בשטח נספרות גם תזוזות שקורות אחרי גלילה או לחיצה, למשל כשמודעה נטענת באמצע כתבה. כך עמוד שנראה יציב לגמרי בבדיקה יכול לקפוץ אצל קוראים אמיתיים.
האחוזון ה-75: למה ממוצע לא מספיק
נתוני שטח הם לא מספר אחד אלא התפלגות של אלפי ביקורים. כדי לסכם אותה, PageSpeed Insights מציג את האחוזון ה-75 של כל מדד. המשמעות היא שהמספר מתאר את החוויה של רוב הגולשים, כולל חלק מאלה שהיה להם פחות נוח, ולא רק את הממוצע.
הסף לתוצאה טובה, לפי התיעוד של PageSpeed Insights, הוא עד 2.5 שניות ל-LCP, עד 200 מילישניות ל-INP ועד 0.1 ל-CLS. כדי לעבור את הערכת Core Web Vitals, האחוזון ה-75 צריך לעמוד בסף בכל אחד מהשלושה.
מה זה אומר בפועל, לדוגמה בלבד: אם רבע מהביקורים באתר מגיעים ממכשירים חלשים ונטענים לאט, הם יכולים לבדם להוריד את התוצאה מתחת לסף, גם אם כל הבדיקות שלכם מהמחשב במשרד נראות מצוין. במילים אחרות, נתוני שטח מזכירים שהאתר לא נבנה בשביל המחשב שלכם.
מה עושים כשאין נתוני שטח בכלל
לא לכל עמוד יש נתוני שטח. כשאין מספיק ביקורים לעמוד מסוים, PageSpeed Insights מציג במקומו נתונים של כל האתר (origin), שכוללים את כל העמודים יחד. ואם גם לאתר כולו אין מספיק נתונים, החלק של הגולשים האמיתיים פשוט לא מופיע.
זה מצב נפוץ באתרים קטנים, בעמודים חדשים ובאתרים עם מעט גולשים מכרום. במקרה כזה, נתוני המעבדה הם הכלי העיקרי שנשאר, ושווה להשתמש בהם בזהירות: להריץ את הבדיקה כמה פעמים, לבדוק גם במצב נייד וגם במצב שולחני, ולזכור שזו הערכה של תנאי בדיקה אחד ולא מדידה של הגולשים. מי שרוצה תמונה אמיתית יכול להוסיף לאתר מדידה משלו, שאוספת את המדדים מהגולשים עצמם.
איך משתמשים בשניהם יחד
ההמלצה ב-web.dev ברורה: נתוני שטח קובעים מה חשוב לתקן, ונתוני מעבדה עוזרים להבין למה הבעיה קורית ואיך לבדוק תיקון. אם נתוני השטח מראים INP חלש, הבדיקה במעבדה תעזור למצוא סקריפטים כבדים שחוסמים את הדפדפן, גם אם היא לא מודדת INP בעצמה.
חשוב להבחין גם בין מה שנמדד לבין מה שמצופה. אחרי תיקון, ציון המעבדה משתנה מיד, וזה מדד טוב לכך שהשינוי עבד בתנאי הבדיקה. נתוני השטח, לעומת זאת, מסכמים 28 ימים, ולכן ייקח זמן עד שהשיפור, אם הוא אכן מורגש אצל הגולשים, יופיע במלואו. שינוי במעבדה הוא ציפייה. שינוי בשטח הוא תוצאה.
עוד כלל שימושי: לא לרדוף אחרי ציון 100. ציון הביצועים של Lighthouse הוא כלי אבחון, לא המטרה. עמוד יכול לקבל ציון מושלם במעבדה ועדיין לתת לחלק מהגולשים חוויה איטית, ועמוד עם ציון בינוני יכול לעבור את הערכת Core Web Vitals בשטח.
שורה תחתונה
שני המספרים בדוח הם לא סתירה אלא שתי עדויות: אחת מניסוי מבוקר, ואחת מהשטח. בעל אתר שמבין את ההבדל יודע לא להיבהל מציון מעבדה נמוך כשהגולשים מרוצים, ולא להירגע מציון גבוה כשנתוני השטח נכשלים. זה אותו עיקרון שתיארנו בכתבה על גיבוי אתר ותוכנית שחזור: מה שקובע הוא מה שקורה במציאות, לא מה שאמור לקרות.
אף מדידה לא מבטיחה דירוג, תנועה או מכירות. אבל אתר שמודדים נכון הוא אתר שיודעים איפה לשפר אותו, ושעות העבודה הולכות לבעיות שהגולשים באמת מרגישים.
לכתבות נוספות במדור אינטרנט.