מדד ההצגת התוכן הראשוני (FCP) הוא אחד משישה מדדים שאנחנו עוקבים אחריהם בקטע ביצועים בדוח Lighthouse. כל מדד מתעד היבט מסוים של מהירות טעינת הדף.
ב-Lighthouse מוצג משך הזמן ל-FCP בשניות:
מה המדד FCP מודד
מדד ה-FCP מודד את משך הזמן שלוקח לדפדפן לבצע רינדור לחלק הראשון של תוכן ה-DOM אחרי שמשתמש מנווט לדף.
תמונות, רכיבי <canvas> שאינם לבנים ורכיבי SVG בדף נחשבים לתוכן DOM. כל מה שנמצא בתוך iframe לא נכלל.
איך נקבע הציון שלכם ב-FCP על ידי Lighthouse
הציון של FCP הוא השוואה בין זמן ה-FCP של הדף לבין זמני ה-FCP של אתרים אמיתיים, על סמך נתונים מ-HTTP Archive. לדוגמה, אתרים שמניבים ביצועים ב-99% העליון מבצעים רינדור של FCP תוך כ-1.2 שניות. אם זמן ה-FCP של האתר הוא 1.2 שניות, הציון של ה-FCP הוא 99. במאמר איך נקבעים ציונים של מדדים מוסבר איך מוגדרים ערכי הסף של ציונים ב-Lighthouse.
בטבלה הבאה מוסבר איך לפרש את הציון של FCP:
| משך זמן FCP (בשניות) |
קודי צבעים |
|---|---|
| 0 עד 1.8 | ירוק (מהיר) |
| 1.8-3 | כתום (בינוני) |
| מעל 3 | אדום (איטי) |
איך לשפר את הציון של FCP
אחת הבעיות שחשובות במיוחד ב-FCP היא זמן הטעינה של הגופנים. במאמר איך מוודאים שהטקסט יישאר גלוי במהלך הטעינה של פונטים מסוג webfont מפורטות דרכים להאיץ את הטעינה של הגופנים.
מעקב אחר אירועי FCP במכשירים של משתמשים אמיתיים
כדי ללמוד איך למדוד מתי אירוע FCP מתרחש בפועל במכשירים של המשתמשים, אפשר לעיין בדף מדדי ביצועים שמתמקדים במשתמש של Google. בקטע מעקב אחר FP/FCP מוסבר איך לגשת באופן פרוגרמטי לנתוני FCP ולשלוח אותם אל Google Analytics.
למידע נוסף על איסוף מדדים של משתמשים אמיתיים, אפשר לעיין במאמר של Google בנושא הערכת ביצועי הטעינה בעולם האמיתי באמצעות ניווט וזמני טעינה של משאבים.
איך לשפר את ציון הביצועים הכולל
אם אין לכם סיבה ספציפית להתמקד במדד מסוים, בדרך כלל עדיף להתמקד בשיפור הציון הכולל של הביצועים.
בקטע אבחון בדוח Lighthouse תוכלו לקבוע אילו שיפורים יניבו את הערך הגבוה ביותר לדף. ככל שההזדמנות משמעותית יותר, כך ההשפעה שלה על ציון הביצועים תהיה גדולה יותר. לדוגמה, בצילום המסך הבא של Lighthouse מוצג שהסרת משאבים שמונעים עיבוד תביא לשיפור הגדול ביותר:
במאמר ביקורות ביצועים מוסבר איך לטפל בהזדמנויות שזוהו בדוח Lighthouse.