איך Lighthouse מחשב את ציון הביצועים הכולל
באופן כללי, רק metrics משפיעים על ציון הביצועים ב-Lighthouse, ולא לתוצאות של 'הזדמנויות' או 'אבחון'. עם זאת, שיפור של ההזדמנויות והאבחון עשוי לשפר את ערכי המדדים, ולכן יש קשר עקיף.
בהמשך מוסבר למה ייתכנו תנודות בציון, איך הוא מורכב ואיך Lighthouse מדרג כל מדד בנפרד.
למה הציון שלכם משתנה
חלק גדול מההבדלים בציון הביצועים הכולל ובערכי המדדים לא נובעים מ-Lighthouse. כשיש תנודות בציון הביצועים, בדרך כלל הסיבה לכך היא שינויים בתנאים הבסיסיים. בין הבעיות הנפוצות:
- בדיקות A/B או שינויים במודעות שמוצגות
- שינויים בניתוב התנועה באינטרנט
- בדיקה במכשירים שונים, כמו מחשב שולחני עם ביצועים גבוהים ומחשב נייד עם ביצועים נמוכים
- תוספי דפדפן שמחדירים JavaScript ומוסיפים/משנים בקשות רשת
- תוכנות אנטי-וירוס
במסמכי התיעוד של Lighthouse על שונות ניתן למצוא הסבר מפורט על הנושא.
בנוסף, אף על פי ש-Lighthouse יכול לתת לכם ציון ביצועים כולל אחד, יותר מועיל להתייחס לביצועי האתר כהתפלגות של ציונים ולא כמספר יחיד. כדי להבין את הסיבה לכך, כדאי לעיין במבוא למדדי ביצועים שמתמקדים במשתמשים.
איך ציון הביצועים משוקלל
ציון הביצועים הוא ממוצע משוקלל של ציוני המדדים. באופן טבעי, למדדים משוקללים יותר יש השפעה גדולה יותר על ציון הביצועים הכולל. ציוני המדדים לא מוצגים בדוח, אבל הם מחושבים במסגרת כיסוי.
מגדלור 10
| בדיקה | משקל |
|---|---|
| הצגת תוכן ראשוני (FCP) | 10% |
| מדד המהירות | 10% |
| הצגת התוכן הכי גדול (LCP) | 25% |
| זמן החסימה הכולל | 30% |
| Cumulative Layout Shift (CLS) | 25% |
מגדלור 8
| בדיקה | משקל |
|---|---|
| הצגת תוכן ראשוני (FCP) | 10% |
| מדד המהירות | 10% |
| הצגת התוכן הכי גדול (LCP) | 25% |
| הזמן עד לפעילות מלאה | 10% |
| זמן החסימה הכולל | 30% |
| Cumulative Layout Shift (CLS) | 15% |
איך נקבעים ציוני המדדים
אחרי שמערכת Lighthouse אוספת את מדדי הביצועים (לרוב הם מדווחים באלפיות השנייה), היא ממירה כל ערך גולמי של מדד לציון מדד מ-0 עד 100. לשם כך, המערכת בודקת איפה נופל ערך המדד בהתפלגות הציון ב-Lighthouse. התפלגות הציון היא התפלגות לוג-נורמלית, שנגזרת ממדדי הביצועים של נתוני הביצועים האמיתיים של האתר ב-HTTP Archive.
לדוגמה, המדד Largest Contentful Paint (LCP) מציין מתי המשתמש רואה את התוכן הכי גדול בדף. הערך של המדד LCP מייצג את משך הזמן שעובר מהרגע שהמשתמש מתחיל את טעינת הדף ועד שהדף מעבד את התוכן הראשי שלו. על סמך נתוני אתר אמיתיים, האתרים עם הביצועים המובילים מעבדים LCP תוך כ-1,220 אלפיות השנייה, כך שערך המדד ממופה לציון של 99.
במודל של עקומת הציון ב-Lighthouse שהוא מעמיק יותר, הוא משתמש בנתוני HTTPArchive כדי לקבוע שתי נקודות בקרה שמגדירות את הצורה של עקומה log-normal. האחוזון ה-25 של נתוני HTTPArchive הופך לציון 50 (נקודת הבקרה החציונית), והמאון ה-8 הופך לציון 90 (נקודת הבקרה הטובה/ירוקה). בעת בחינת התרשים של עקומת הניקוד למטה, שים לב לכך שבין 0.50 ל-0.92 יש קשר כמעט לינארי בין ערך המדד לבין הציון. סביב ציון של 0.96 נמצאת "הנקודה של הקטנת התשואות" שמעליה, העקומה נעלמת, מה שמחייב שיפור במספר הולך וגדל כדי לשפר את הציון שכבר גבוה.
אופן הטיפול במחשב ובנייד
כפי שהוזכר למעלה, עקומות הציון נקבעות מנתוני ביצועים אמיתיים. לפני Lighthouse בגרסה 6, כל עקומות הציונים היו מבוססות על נתוני ביצועים בנייד, אבל היה שימוש בנתונים האלה לצורך הרצה של Lighthouse במחשבים. בפועל, דבר זה הוביל לניפוח מלאכותי של הציונים במחשבים. הבאג הזה תוקן על ידי Lighthouse בגרסה 6, באמצעות ציון ספציפי למחשב. אפשר לצפות לשינויים הכוללים בציון הביצועים בטווח שבין 5 ל-6, אבל בכל מקרה, הציון יהיה שונה באופן משמעותי.
איך הציונים מקודדים לפי צבעים
ציוני המדדים וציון הביצועים נצבעים בהתאם לטווחים הבאים:
- 0 עד 49 (אדום): נמוכה
- 50 עד 89 (כתום): נדרש שיפור
- 90 עד 100 (ירוק): טוב
כדי לספק חוויית משתמש טובה, אתרים צריכים להשיג ציון טוב (90-100). ציון 'מושלם' של 100 הוא קשה מאוד להשגה, והוא לא צפוי. לדוגמה, כדי לקבל ציון בין 99 ל-100, צריך להיות בערך אותה רמה של שיפור במדדים שנדרשים 90 עד 94.
מה יכולים מפתחים לעשות כדי לשפר את ציון הביצועים שלהם?
קודם כול, כדאי להשתמש במחשבון הציון של Lighthouse כדי להבין אילו ערכי סף צריך לעמוד כדי להשיג ציון ביצועים מסוים ב-Lighthouse.
בקטע הזדמנויות בדוח Lighthouse יש הצעות מפורטות ומסמכים שיעזרו לכם ליישם אותן. בנוסף, בקטע אבחון מוצגות הנחיות נוספות שהמפתחים יכולים לבדוק כדי לשפר עוד יותר את הביצועים שלהם.