זמן האינטראקציה הראשונה (TTI) הוא אחד משישה מדדים שנמצאים במעקב בקטע ביצועים בדוח Lighthouse. כל מדד מתעד היבט מסוים של מהירות טעינת הדף.
חשוב למדוד את זמן הטעינה הראשוני כי בחלק מהאתרים מתבצעת אופטימיזציה של החשיפה של התוכן על חשבון האינטראקטיביות. המצב הזה עלול לגרום לחוויית משתמש מתסכלת: נראה שהאתר מוכן, אבל כשהמשתמש מנסה לבצע איתו פעולה, לא קורה כלום.
זמן הטעינה הראשוני מוצג ב-Lighthouse בשניות:
מה מודד המדד TTI
המדד 'זמן עד לפעילות מלאה' מודד את משך הזמן שחולף עד שהדף מאפשר אינטראקציה מלאה. דף נחשב כפעיל במלואו כאשר:
- בדף מוצג תוכן מועיל, כפי שמשוער לפי המדד הצגת תוכן ראשוני (FCP).
- פונקציות טיפול באירועים נרשמות לרוב רכיבי הדף הגלויים, ו
- הדף מגיב לאינטראקציות של משתמשים תוך 50 אלפיות שנייה.
איך נקבע הדירוג של TTI ב-Lighthouse
הציון של TTI הוא השוואה בין TTI של הדף לבין TTI של אתרים אמיתיים, על סמך נתונים מ-HTTP Archive. לדוגמה, אתרים שמניבים ביצועים ב-99% העליון משלימים את ה-TTI תוך כ-2.2 שניות. אם זמן הטעינה הראשונית של האתר הוא 2.2 שניות, הציון של זמן הטעינה הראשונית הוא 99.
בטבלה הבאה מוסבר איך לפרש את הציון של TTI:
| מדד TTI (בשניות) |
קודי צבעים |
|---|---|
| 0 עד 3.8 | ירוק (מהיר) |
| 3.9-7.3 | כתום (בינוני) |
| מעל 7.3 | אדום (איטי) |
איך לשפר את הציון של TTI
שיפור אחד שיכול להשפיע במיוחד על זמן הטעינה הראשוני הוא דחיית משימות JavaScript מיותרות או הסרה שלהן. חפשו הזדמנויות לאופטימיזציה של JavaScript. באופן ספציפי, כדאי לשקול צמצום של עומסי הנתונים של JavaScript באמצעות פיצול קוד והחלת התבנית PRPL. אופטימיזציה של JavaScript של צד שלישי גם מניבה שיפורים משמעותיים באתרים מסוימים.
שתי בדיקות האבחון האלה מספקות הזדמנויות נוספות לצמצם את העבודה עם JavaScript:
מעקב אחר TTI במכשירים של משתמשים אמיתיים
כדי ללמוד איך למדוד מתי TTI מתרחש בפועל במכשירים של המשתמשים, אפשר לעיין בדף מדדי ביצועים שמתמקדים במשתמש של Google. בקטע מעקב אחר TTI מוסבר איך לגשת באופן פרוגרמטי לנתוני TTI ולשלוח אותם אל Google Analytics.
איך לשפר את ציון הביצועים הכולל
אם אין לכם סיבה ספציפית להתמקד במדד מסוים, בדרך כלל עדיף להתמקד בשיפור הציון הכולל של הביצועים.
בקטע אבחון בדוח Lighthouse תוכלו לקבוע אילו שיפורים יניבו את הערך הגבוה ביותר לדף. ככל שההזדמנות משמעותית יותר, כך ההשפעה שלה על ציון הביצועים תהיה גדולה יותר. לדוגמה, בצילום המסך הבא של Lighthouse מוצג שהסרת משאבים שמונעים עיבוד תביא לשיפור הגדול ביותר:
במאמר ביקורות ביצועים מוסבר איך לטפל בהזדמנויות שזוהו בדוח Lighthouse.