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