זמן האחזור המשוער של הקלט הוא אחד מששת המדדים שאחריהם מתבצע מעקב בקטע Performance (ביצועים) בדוח Lighthouse. כל מדד לוכד היבט כלשהו של מהירות הטעינה של הדף.
בדוחות Lighthouse מוצג זמן האחזור המשוער לקלט באלפיות השנייה:
מה מודד זמן האחזור המשוער של הקלט
זמן האחזור המשוער של קלט הוא אומדן של משך הזמן הנדרש לאפליקציה להגיב לקלט של משתמש במהלך חלון 5 השניות העמוס ביותר של טעינת הדף. הביקורת תבוצע החל מ-First Meaningful Paint ועד לסוף המעקב, כ-5 שניות לאחר זמן עד לפעילות מלאה. אם זמן האחזור ארוך מ-50 אלפיות השנייה, ייתכן שהמשתמשים יבחינו בעיכוב בפעילות האפליקציה.
לפי מודל הביצועים של RAIL, מומלץ שאפליקציות יגיבו לקלט של משתמשים תוך 100 אלפיות השנייה, וציון היעד של זמן האחזור המשוער של קלט ב-Lighthouse הוא 50 אלפיות השנייה. מה הסיבה לכך? ב-Lighthouse נעשה שימוש במדד proxy – הזמינות של ה-thread הראשי – כדי למדוד עד כמה האפליקציה מגיבה לקלט של משתמשים.
במסגרת Lighthouse, נדרשות 50 אלפיות שנייה של האפליקציה כדי להגיב באופן מלא לקלט של המשתמש (החל מביצוע הפעלות של JavaScript ועד צביעה פיזית של הפיקסלים החדשים על המסך). אם ה-thread הראשי לא זמין במשך 50 אלפיות השנייה או יותר, אין מספיק זמן להשלמת התשובה באפליקציה.
כ-90% מהמשתמשים ייתקלו בזמן אחזור הקלט שדווח ב-Lighthouse, או פחות. 10% מהמשתמשים יכולים לצפות לזמן אחזור ארוך יותר.
איך לשפר את הציון המשוער של זמן האחזור לקלט
כדי לגרום לאפליקציה להגיב מהר יותר לקלט של משתמשים, בצעו אופטימיזציה של האופן שבו הקוד שלכם פועל בדפדפן. תוכלו להיעזר בסדרת השיטות המפורטות בדף Rendering Performance של Google. הטיפים האלה נעים בין הסרת מחשוב ועיבוד לעובדי אינטרנט כדי לפנות את ה-thread הראשי, ארגון מחדש של הסלקטורים ב-CSS כדי לבצע פחות חישובים ועד שימוש במאפייני CSS שמצמצמים את כמות הפעולות הצורכות את הדפדפן.
איך למדוד באופן ידני את זמן האחזור המשוער של קלט
כדי למדוד באופן ידני את זמן האחזור המשוער לקלט, צריך להקליט הקלטה באמצעות ציר הזמן של כלי הפיתוח ל-Chrome. דוגמה לתהליך העבודה, בקטע פחות עבודה ב-thread הראשי. הרעיון הבסיסי הוא להתחיל הקלטה, לבצע את הקלט של המשתמשים שרוצים למדוד, להפסיק את ההקלטה ולאחר מכן לנתח את תרשים הלהבות כדי לוודא שכל השלבים בצינור הפיקסלים הושלמו תוך 50 אלפיות השנייה.