שימוש בדוח חוויית המשתמש ב-Chrome ב-PageSpeed Insights

PageSpeed Insights (PSI) הוא כלי שמאפשר למפתחי אתרים להבין מהם הביצועים של דף ואיך לשפר אותם. הוא משתמש ב-Lighthouse כדי לבדוק את הדף ולזהות הזדמנויות לשיפור הביצועים. המערכת גם משתלבת עם דוח חוויית המשתמש ב-Chrome (CrUX) כדי להראות איך משתמשים אמיתיים חווים את הדף ואת המקור באופן מצטבר. במדריך הזה אנחנו מסבירים איך להשתמש ב-PSI כדי לחלץ תובנות מ-CrUX ולהבין טוב יותר את חוויית המשתמש.

נתוני שדות מ-CrUX ב-PageSpeed Insights

קריאת הנתונים

כדי להתחיל, עוברים אל https://pagespeed.web.dev/, מזינים את כתובת ה-URL של הדף שרוצים לבדוק ולוחצים על ניתוח.

יש להזין כתובת URL כדי להתחיל להשתמש ב-PageSpeed Insights

אחרי כמה שניות יבוצעו הביקורות של Lighthouse ויוצגו קטעים עם נתונים מ-CUX ("מה המשתמשים באמת חווים") ומ-Lighthouse ('אבחון בעיות בביצועים'). CrUX הוא אוסף של חוויות משתמש מהשטח, ואילו Lighthouse הוא בדיקה מבוקרת בשיעור ה-Lab.

נתוני שדות מ-CrUX ב-PageSpeed Insights

בקטע 'חוויות משתמש אמת', המדדים מקובצים לפי מדדי ליבה לבדיקת חוויית המשתמש באתר ומדדים חשובים אחרים. שלושת מדדי הליבה לבדיקת חוויית המשתמש באתר מופיעים ראשונים: המהירות שבה נטען רכיב התוכן הכי גדול (LCP), עיכוב בקלט ראשון (FID) ו-Cumulative Layout Shift. בהמשך מפורטים המדדים החשובים האחרים: הצגת תוכן ראשוני (FCP), אינטראקציה אל הצגת התוכן הבא (INP) ו-Time to First Byte (TTFB).

דוח המדדים הבסיסיים של חוויית המשתמש (Core Web Vitals)

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

מדדים חשובים נוספים

  • FCP מודד את הזמן עד שהדף מציג משהו בחזית, כמו טקסט או לוגו.
  • TTFB הוא מדד ניסיוני שמודד את הזמן שעובר בין הבקשה למשאב ועד שהבייט הראשון של התגובה מתחיל להגיע.
  • הפרמטר FID – שהוצא עכשיו משימוש והוחלף ב-INP – משמש למדידת האינטראקטיביות של הדף, החל מהאינטראקציה הראשונה של המשתמש ועד לתגובת הדף.

ערכי סף למדדים

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

Metric | "טוב" | "דרוש שיפור" | "איטי" -- | -- | -- | -- LCP | 0–2500ms | 2500–4000ms | 00ms–4000ms | 4000ms+ CLS | 0.00-0.10 | 0.10–0.25 אלפיות השנייה | 0.25+ INP | 0-ms+0ms+0

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

חוויית המשתמש מוצגת ב-PSI בשלוש דרכים:

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

תצוגה מורחבת של נתוני CrUX ב-PageSpeed Insights

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

האחוזונים המוצגים לכל המדדים תואמים לאחוזון ה-75. בסטטיסטיקה, אחוזון הוא מדד שמציין את הערך שמתחתיו נופל אחוז נתון של דגימות. לדוגמה, צילום המסך שלמעלה מראה שהמאון ה-75 של FID הוא 13 אלפיות השנייה, כלומר 75% מחוויות FID מהירות יותר מ-13 אלפיות השנייה. הערכים האלה מקודדים לפי צבע בהתאם לטבלת הסף שלמעלה, שבה הערכים "טוב" הם ירוקים, הערכים "נדרש שיפור" הם כתומים וערכים "חלש" הם אדומים.

לבסוף, ההתפלגויות של כל מדד מתוארות באמצעות הקבוצות 'טוב', 'דרוש שיפור' ו'חלש'. לדוגמה, חוויות LCP בדף הזה הן "טובות" (פחות מ-2.5 שניות) ב-90% מהזמן. FID הוא 'חלש' (לפחות 300 אלפיות השנייה) ב-1% מהזמן. ההתפלגויות האלה מייצגות את כל חוויות המשתמש בדף, והצורות שלהן מציינות את הנטייה ל'טוב' או ל'חלש'.

סיכום הביצועים של המקור

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

ביצועי CrUX במקור ב-PageSpeed Insights

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

תגובות כשנתוני כתובת ה-URL לא זמינים ב-CrUX

אם כתובת ה-URL שהזנתם לא זמינה ב-CrUX, מערכת PageSpeed Insights תנסה לחזור לנתונים ברמת המקור כפי שמתואר בהמשך. הסבר נוסף על לחיצה על הסמל שלצד הלחצן המושבת כתובת URL זו

אין נתוני CrUX ברמת כתובת ה-URL ב-PageSpeed Insights, ולכן מוצגים נתוני מקור

אם הנתונים ברמת המקור לא זמינים גם ב-CrUX, אי אפשר להציג את הקטע הזה ב-PSI ותופיע ההודעה אין נתונים. עדיין אפשר לקבל נתוני Lab מ-Lighthouse כדי לספק הערכה של ביצועי הדף.

אין נתוני CrUX ב-PageSpeed Insights

שאלות נפוצות

מתי כדאי להשתמש ב-PageSpeed Insights ולא בכלים אחרים?

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

האם יש מגבלות על השימוש ב-PageSpeed Insights?

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

איפה אפשר לקבל מידע נוסף על PageSpeed Insights?

מידע נוסף זמין במסמכי התיעוד של PSI.