PageSpeed Insights (PSI) הוא כלי שמאפשר למפתחי אתרים להבין מהם הביצועים של דף ואיך לשפר אותם. הוא משתמש ב-Lighthouse כדי לבדוק את הדף ולזהות הזדמנויות לשיפור הביצועים. המערכת גם משתלבת עם דוח חוויית המשתמש ב-Chrome (CrUX) כדי להראות איך משתמשים אמיתיים חווים את הדף ואת המקור באופן מצטבר. במדריך הזה אנחנו מסבירים איך להשתמש ב-PSI כדי לחלץ תובנות מ-CrUX ולהבין טוב יותר את חוויית המשתמש.
קריאת הנתונים
כדי להתחיל, עוברים אל https://pagespeed.web.dev/, מזינים את כתובת ה-URL של הדף שרוצים לבדוק ולוחצים על ניתוח.
אחרי כמה שניות יבוצעו הביקורות של Lighthouse ויוצגו קטעים עם נתונים מ-CUX ("מה המשתמשים באמת חווים") ומ-Lighthouse ('אבחון בעיות בביצועים'). CrUX הוא אוסף של חוויות משתמש מהשטח, ואילו Lighthouse הוא בדיקה מבוקרת בשיעור ה-Lab.
בקטע 'חוויות משתמש אמת', המדדים מקובצים לפי מדדי ליבה לבדיקת חוויית המשתמש באתר ומדדים חשובים אחרים. שלושת מדדי הליבה לבדיקת חוויית המשתמש באתר מפורטים ראשונים: המהירות שבה נטען רכיב התוכן הכי גדול (LCP), אינטראקציה ראשונית (First-Party) (INP) ו-Cumulative Layout Shift. אחריו מופיעים המדדים החשובים האחרים: הצגת תוכן ראשוני (FCP) ו-Time to First Byte (TTFB).
Core Web Vitals
- LCP מודד את הזמן שחולף עד שהדף מציג ככל הנראה התוכן העיקרי שלו, כמו תמונה ראשית או כותרת.
- FID מודד את האינטראקטיביות של הדף, מהאינטראקציה הראשונה של המשתמש ועד לתגובת הדף.
- הפונקציה CLS מודדת את מידת אי היציבות בפריסה בדף, כתוצאה משינויים כמו הוספת תוכן שנטען באופן אסינכרוני.
מדדים חשובים נוספים
- INP הוא מדד מדד ליבה לבדיקת חוויית המשתמש באתר' בהמתנה. הוא מודד את זמן האחזור של כל האינטראקציות שהמשתמש ביצע עם הדף. בנוסף, הוא מדווח על ערך יחיד שכל האינטראקציות שלו (או כמעט כולן) היו מתחתיו.
- FCP מודד את הזמן עד שהדף מציג משהו בחזית, כמו טקסט או לוגו.
- TTFB הוא מדד ניסיוני שמודד את הזמן שעובר בין הבקשה למשאב ועד שהבייט הראשון של התגובה מתחיל להגיע.
ערכי סף למדדים
בטבלה הבאה מתואר האופן שבו הערכים של המדדים האלה מסווגים בתור "טוב", "דרוש שיפור" או "חלש".
| המדד | 'טוב' | "טעון שיפור" | 'גרועה' |
|---|---|---|---|
| LCP | 0-2,500 אלפיות השנייה | 2,500-4,000 אלפיות השנייה | יותר מ-4,000 אלפיות השנייה |
| FID | 0-100 אלפיות השנייה | 100-300 אלפיות השנייה | יותר מ-300 אלפיות השנייה |
| CLS | 0.00-0.10 | 0.10-0.25 | 0.25 ומעלה |
| INP | 0-200 אלפיות השנייה | 200 אלפיות השנייה עד 500 אלפיות השנייה | 500 אלפיות השנייה ומעלה |
| FCP | 0-1,800 אלפיות השנייה | 1,800 אלפיות השנייה עד 3,000 אלפיות השנייה | יותר מ-3,000 אלפיות השנייה |
| TFC | 0-800 אלפיות השנייה | 800 אלפיות השנייה עד 1,800 אלפיות השנייה | 1,800 אלפיות השנייה ומעלה |
המדדים של מדדי הליבה לבדיקת חוויית המשתמש באתר הם המדדים החשובים ביותר, והמשתמשים האמיתיים חווים אותם באופן ישיר. המדדים האחרים עשויים לשמש כאבחון, אבל הם לא בהכרח יכולים להבחין בין משתמשים אמיתיים. לכן המדדים האלה לא נלקחים בחשבון בהערכה של מדדי הליבה לבדיקת חוויית המשתמש באתר, ואי-עמידה בערכי הסף 'טובים' חשובה רק אם יש להם השפעה שלילית על מדדי הליבה לבדיקת חוויית המשתמש באתר.
חוויית המשתמש מוצגת ב-PSI בשלוש דרכים:
- תווית שמסכמת את הדף כעובר או לא מעביר את ההערכה של מדדי הליבה לבדיקת חוויית המשתמש באתר.
- אחוזונים שנמדדים בשניות או באלפיות השנייה (CLS הוא חסר יחידות)
- התפלגות שמייצגת את אחוז חוויות המשתמש 'טוב', 'דרוש שיפור' ו'חלש' זמינה בלחיצה על הרחבת התצוגה בפינה השמאלית העליונה של הקטע הזה.
בצילום המסך הקודם, הדף מסומן כ'עובר' את ההערכה של מדדי הליבה לבדיקת חוויית המשתמש באתר. כדי לעבור את המדד בהצלחה, צריך לסווג את האחוזון כ'טוב' בכל שלושת מדדי הליבה לבדיקת חוויית המשתמש באתר. אחרת, ההערכה תופיע כ "נכשלה". יכול להיות שלחלק מהדפים לא יהיו מספיק נתוני FID, ובמקרה כזה הדף יעבור הערכה לפי שני המדדים האחרים של מדדי הליבה לבדיקת חוויית המשתמש באתר.
האחוזונים המוצגים לכל המדדים תואמים לאחוזון ה-75. בסטטיסטיקה, אחוזון הוא מדד שמציין את הערך שמתחתיו נופל אחוז נתון של דגימות. לדוגמה, צילום המסך שלמעלה מראה שהמאון ה-75 של FID הוא 13 אלפיות השנייה, כלומר 75% מחוויות FID מהירות יותר מ-13 אלפיות השנייה. הערכים האלה מסומנים בצבעים שונים בהתאם לטבלת הסף הקודמת, שבה הערכים "טוב" הם ירוקים, הערכים "נדרש שיפור" הם כתומים והערכים "חלש" הם אדומים.
לבסוף, ההתפלגויות של כל מדד מתוארות באמצעות הקבוצות 'טוב', 'דרוש שיפור' ו'חלש'. לדוגמה, חוויות LCP בדף הזה הן "טובות" (פחות מ-2.5 שניות) ב-90% מהזמן. FID הוא 'חלש' (לפחות 300 אלפיות השנייה) ב-1% מהזמן. ההתפלגויות האלה מייצגות את כל חוויות המשתמש בדף, והצורות שלהן מציינות את הנטייה ל'טוב' או ל'חלש'.
סיכום הביצועים של המקור
ה-PSI כולל גם סיכום של ביצועי המקור. מדובר בצבירה של חוויות משתמש בכל הדפים של המקור. אפשר לקבל את אותם הנתונים הסטטיסטיים של המקור כולו, שזמינים לדפים ספציפיים. הנתונים האלה דומים מאוד לנתונים שזמינים ב-BigQuery, אבל הביצועים ברמת הדף לא זמינים לשאילתה.
יש הבדל משמעותי אחד בין הנתונים ברמת המקור ב-PSI לבין הנתונים ב-BigQuery. מערכי הנתונים ב-BigQuery מתפרסמים פעם בחודש וכוללים את הנתונים מהחודש הקלנדרי הקודם. לדוגמה, מערך הנתונים מ-202005 כולל את כל חוויות המשתמשים שהתרחשו במאי 2020. מצד שני, PSI צובר נתונים חדשים בכל יום שכוללים את 28 הימים הקודמים. לכן, התוצאות שתראו היום עשויות להיות שונות מחר, והן לא בהכרח יהיו זהות למה שהייתם רואים בצבירה של החודש הנוכחי ב-BigQuery.
תגובות כשנתוני כתובת ה-URL לא זמינים ב-CrUX
אם כתובת ה-URL שהזנתם לא זמינה ב-CrUX, מערכת PageSpeed Insights תנסה לחזור לנתונים ברמת המקור כפי שמוצג בצילום המסך הבא. הסבר נוסף על לחיצה על הסמל שלצד הלחצן המושבת כתובת URL זו
אם הנתונים ברמת המקור לא זמינים גם ב-CrUX, אי אפשר להציג את הקטע הזה ב-PSI ותופיע ההודעה אין נתונים. עדיין אפשר לקבל נתוני Lab מ-Lighthouse כדי לספק הערכה של ביצועי הדף.
שאלות נפוצות
אלו כמה מהשאלות הנפוצות לגבי נתוני CrUX ב-PageSpeed Insights:
מתי כדאי להשתמש ב-PageSpeed Insights ולא בכלים אחרים?
ב-PSI משלבים בין הנתונים של חוויית המשתמש בפועל ב-CrUX לבין אבחון הביצועים של Lighthouse מבוסס-מעבדה. כך אפשר לראות בקלות באיזו מהירות הדף מתנגן ואיך לשפר אותו – והכול במקום אחד. הצבירה היומית של נתוני שדות ב-PSI מאפשרת לעקוב בצורה טובה יותר אחר ביצועי כתובת האתר או המקור, בהשוואה לכלים שבהם מתבצע צבירת נתונים בתדירות נמוכה יותר.
האם יש מגבלות על השימוש ב-PageSpeed Insights?
PSI מספק רק את הצבירה היומית העדכנית ביותר, כך שלא בהכרח תוכל לראות את המגמות בביצועי האתר. במערך הנתונים של CrUX יש גם כמה מדדים לא חיוניים שלא נחשפים ב-PSI.
איפה אפשר לקבל מידע נוסף על PageSpeed Insights?
מידע נוסף זמין במסמכי התיעוד של PSI.