בדיקת קצב רענון

שילמת על צג 120, 144 או 240 הרץ — אך האם הוא באמת פועל במהירות הזו ברגע זה? מערכות הפעלה מוציאות צגים חדשים על 60 הרץ כברירת מחדל, כבלים מגבילים רוחב פס בשקט, ומצבי חיסכון בסוללה חותכים קצבי פריימים מבלי להודיע. בדיקה זו מודדת את הקצב האמיתי על ידי החתמת חותמת זמן לכל פריים אנימציה שהדפדפן מצייר.

השיטה ישירה: דפדפנים מפעילים קריאה חוזרת (callback) אחת של requestAnimationFrame לכל רענון תצוגה, כך שהמרווח בין הקריאות הוא משך זמן פריים אחד. המספר הגדול הוא חציון 60 המרווחים האחרונים — יציב כנגד חריגים — בעוד הגרף מצייר כל זמן פריים בודד, וכל פריים שלוקח יותר מפי 1.5 מהחציון מודגש ומתווסף למונה הפריימים המדולגים.

הרצועות הנעות מתחת לקריאה הופכות מספרים למשהו שהעיניים שלך יכולות לשפוט: שלושה עצמים נעים באותה מהירות, אך אחד מתעדכן כל פריים, אחד כל פריים שני ואחד כל פריים רביעי. ההבדל שאתה רואה בין המסלולים הוא בדיוק ההבדל בין להחזיק צג רענון גבוה לבין להפעיל אותו בשבריר מהקצב שלו. מחוון מהירות מאפשר לך להפוך את ההשוואה לקשה יותר או עדינה יותר.

מגבלה כנה אחת: בדיקה זו מודדת מה שטאב דפדפן זה מקבל, לא מה שכתוב בגיליון המפרט של הפאנל. מצבי צריכת חשמל נמוכה, צמצום פעילות ברקע, דפים כבדים בטאבים אחרים ודפדפנים מסוימים (Safari במיוחד) יכולים להגביל פריימי אנימציה אל מתחת ליכולת הצג. אם המספר נראה נמוך, סגור טאבים אחרים ובדוק את הגדרות התצוגה והכבלים במערכת ההפעלה שלך בטרם תאשים את הצג.