קל לארגן דפים בעזרת אוספים
אפשר לשמור ולסווג תוכן על סמך ההעדפות שלך.
Speed Index הוא אחד מחמישה מדדים במעקב בקטע Performance (ביצועים) בדוח Lighthouse.
כל מדד מתעד היבט מסוים של מהירות הטעינה של דף.
ב-Lighthouse מוצג מדד המהירות בשניות:
מה מודד מדד המהירות
מדד המהירות מודד את המהירות שבה התוכן מוצג באופן חזותי במהלך טעינת הדף.
מערכת Lighthouse מצלמת בפעם הראשונה סרטון של טעינת הדף בדפדפן,
ומחשבת את ההתקדמות החזותית בין הפריימים.
בשלב הבא, מערכת Lighthouse משתמשת במודול Speedline Node.js כדי ליצור את ציון המהירות.
איך Lighthouse קובע את הציון של מדד המהירות
ציון מדד המהירות הוא השוואה בין אינדקס המהירות של הדף לבין מדדי המהירות באתרים אמיתיים, על סמך נתונים מארכיון ה-HTTP.
הטבלה הזו מראה איך לפרש את הציון של מדד המהירות בניידים:
מדד מהירות (בשניות)
קידוד צבעים
0-3.4
ירוק (מהיר)
3.4-5.8
כתום (בינוני)
יותר מ-5.8
אדום (איטי)
איך לשפר את הציון של מדד המהירות
כל דבר שתבצעו כדי לשפר את מהירות הטעינה של הדף ישפר את הציון של מדד המהירות, אבל טיפול בבעיות שהתגלו בבדיקות האבחון האלה אמור להשפיע באופן משמעותי במיוחד:
אלא אם יש סיבה ספציפית להתמקד במדד מסוים, בדרך כלל עדיף להתמקד בשיפור של ציון הביצועים הכולל.
בקטע הזדמנויות בדוח Lighthouse אפשר לקבוע אילו שיפורים מניבים את הערך הגבוה ביותר לדף. ככל שההזדמנות גבוהה יותר, כך ההשפעה שלה על ציון הביצועים גדולה יותר. לדוגמה, בצילום המסך הבא של Lighthouse אפשר לראות שהסרת משאבים שחוסמים עיבוד תוביל לשיפור הגדול ביותר:
[{
"type": "thumb-down",
"id": "missingTheInformationINeed",
"label":"חסרים לי מידע או פרטים"
},{
"type": "thumb-down",
"id": "tooComplicatedTooManySteps",
"label":"התוכן מורכב מדי או עם יותר מדי שלבים"
},{
"type": "thumb-down",
"id": "outOfDate",
"label":"התוכן לא עדכני"
},{
"type": "thumb-down",
"id": "translationIssue",
"label":"בעיה בתרגום"
},{
"type": "thumb-down",
"id": "samplesCodeIssue",
"label":"בעיה בדוגמאות/בקוד"
},{
"type": "thumb-down",
"id": "otherDown",
"label":"סיבה אחרת"
}]
[{
"type": "thumb-up",
"id": "easyToUnderstand",
"label":"התוכן קל להבנה"
},{
"type": "thumb-up",
"id": "solvedMyProblem",
"label":"התוכן עזר לי לפתור בעיה"
},{
"type": "thumb-up",
"id": "otherUp",
"label":"סיבה אחרת"
}]
{"lastModified": "\u05e2\u05d3\u05db\u05d5\u05df \u05d0\u05d7\u05e8\u05d5\u05df: 2019-05-02 (\u05e9\u05e2\u05d5\u05df UTC)."}
[[["התוכן קל להבנה","easyToUnderstand","thumb-up"],["התוכן עזר לי לפתור בעיה","solvedMyProblem","thumb-up"],["סיבה אחרת","otherUp","thumb-up"]],[["חסרים לי מידע או פרטים","missingTheInformationINeed","thumb-down"],["התוכן מורכב מדי או עם יותר מדי שלבים","tooComplicatedTooManySteps","thumb-down"],["התוכן לא עדכני","outOfDate","thumb-down"],["בעיה בתרגום","translationIssue","thumb-down"],["בעיה בדוגמאות/בקוד","samplesCodeIssue","thumb-down"],["סיבה אחרת","otherDown","thumb-down"]],["עדכון אחרון: 2019-05-02 (שעון UTC)."],[],[]]