Time to Interactive (TTI) הוא מדד של שיעור Lab למדידת מהירות התגובה לעומס (RDA). התכונה הזו עוזרת לזהות מקרים שבהם דף נראה אינטראקטיבי, אבל בפועל הוא לא. פונקציית TTI מהירה עוזרת להבטיח שניתן יהיה להשתמש בדף.
מה זה TTI?
המדד TTI מודד את הזמן מרגע התחלת הטעינה של הדף ועד לטעינת משאבי המשנה העיקריים שלו, והוא יכול להגיב במהירות ובצורה אמינה לקלט של משתמשים.
על מנת לחשב את TTI על סמך מעקב ביצועים של דף אינטרנט, בצעו את השלבים הבאים:
- מתחילים מ-First Contentful Paint (FCP).
- מחפשים קדימה בזמן לחלון שקט של חמש שניות לפחות, שבו חלון שקט מוגדר כך: ללא משימות ארוכות ולא יותר משתי בקשות GET פעילות ברשת.
- הרצה אחורה של המשימה הארוכה האחרונה לפני החלון השקט, ועצירה ב-FCP אם לא נמצאו משימות ארוכות.
- TTI הוא שעת הסיום של המשימה הארוכה האחרונה לפני החלון השקט (או ערך זהה לזה של FCP אם לא נמצאו משימות ארוכות).
התרשים הבא אמור לעזור לכם להמחיש את השלבים שלמעלה:
בעבר, מפתחים ביצעו אופטימיזציה של דפים לזמני רינדור מהירים, ולפעמים על חשבון TTI.
שיטות כמו רינדור בצד השרת (SSR) יכולות לגרום לתרחישים שבהם הדף נראה אינטראקטיבי (כלומר, קישורים ולחצנים גלויים על המסך), אבל הוא לא למעשה אינטראקטיבי כי ה-thread הראשי חסום או שקוד ה-JavaScript ששולט ברכיבים האלה לא נטען.
כשמשתמשים ינסו ליצור אינטראקציה עם דף שנראה אינטראקטיבי אבל בפועל הוא לא, סביר להניח שהם יגיבו באחת משתי דרכים:
- במקרה הטוב ביותר, הם ירגישו מתעצבנים מכך שהדף מגיב לאט.
- במקרה הגרוע ביותר, הם יניחו שהדף שבור וסביר להניח שהוא יעזוב. הם עלולים אפילו לאבד את תחושת הביטחון או האמון של המותג שלכם.
כדי להימנע מכך, כדאי לעשות כל מאמץ למזער את ההבדלים בין FCP ל-TTI. במקרים שבהם קיים הבדל משמעותי, הבהירו באמצעות סימנים חזותיים שהרכיבים בדף עדיין לא אינטראקטיביים.
איך מודדים את TTI
TTI הוא המדד שנמדד בצורה הטובה ביותר בשיעור ה-Lab. הדרך הטובה ביותר למדוד את הביצועים של TTI היא לבצע בדיקת ביצועים של Lighthouse באתר שלכם. למידע נוסף על השימוש, עיינו במשאבי העזרה בנושא Lighthouse ב-TTI.
כלי מעבדה
מהו ציון TTI טוב?
כדי לספק חוויית משתמש טובה, אתרים צריכים להקפיד על זמן אינטראקטיבי של פחות מ-5 שניות כשבודקים את החומרה הממוצעת לנייד.
לפרטים על ההשפעה של מדד ה-TTI של הדף על ציון הביצועים של Lighthouse, קראו את המאמר איך מערכת Lighthouse קובעת את ציון ה-TTI.
איך לשפר את TTI
כדי ללמוד איך לשפר את TTI לאתר ספציפי, תוכלו להריץ בדיקת ביצועים של Lighthouse ולשים לב להזדמנויות ספציפיות שהביקורת מציעה.
במדריכי הביצועים הבאים תוכלו לקרוא איך לשפר את TTI באופן כללי (לכל אתר):