عدّاد FPS
استخدم عدّاد FPS هذا لقياس مدى سلاسة عرض المتصفح للصفحة الحالية. تأخذ الأداة عينات من الإطارات عبر requestAnimationFrame، وتعرض معدل الإطارات الحالي والمتوسط والأدنى والأقصى، ويمكنها رسم رسم بياني قصير يساعدك على رصد الانخفاضات الناتجة عن علامات تبويب ثقيلة أو حركات أو إضافات أو خفض الأداء أو إعدادات الشاشة.
كيف تقيس معدل الإطارات في المتصفح
-
1
اختر مدة القياس
خمس ثوانٍ قيمة افتراضية جيدة. استخدم مدة أطول إذا أردت التقاط التقطيع المتكرر أو تغيّر الحِمل في الخلفية.
-
2
اضبط التنعيم وحد التنبيه
تحسب نافذة التنعيم متوسط الإطارات الأخيرة، بينما يحدد الحد مستوى FPS الذي تعتبره مقبولًا على الجهاز الذي تختبره.
-
3
شغّل العدّاد واقرأ التفاوت
يوضح معدل الإطارات الحالي سرعة العرض الأخيرة. أما المتوسط والأدنى والأقصى فتكشف ما إذا كانت الجلسة سلسة باستمرار أم شهدت انخفاضات ملحوظة.
ماذا يقيس عدّاد FPS
تقيس هذه الأداة إيقاع العرض في المتصفح، لا أداء بطاقة الرسوميات في اختبار قياس أداء. في كل مرة يصبح المتصفح جاهزًا لرسم إطار جديد، تستدعي requestAnimationFrame جامع العينات. والزمن بين استدعاءين يعطي معدل إطارات لحظيًا:
FPS = 1000 / frame_time_in_ms
معدل الإطارات الحالي المعروض هو متوسط متحرك على نافذة التنعيم. نافذة من 60 إطارًا مناسبة لشاشات 60 هرتز العادية لأنها تهدّئ القفزات المفردة دون أن تخفي الانخفاضات المستمرة. النوافذ الأصغر تستجيب أسرع، والأكبر تبدو أكثر ثباتًا.
مثال تطبيقي
لنفترض أن قياسًا مدته خمس ثوانٍ سجّل الفواصل الزمنية المبسطة التالية بين الإطارات:
| الفاصل بين إطارين | FPS اللحظي | ما الذي يشير إليه |
|---|---|---|
| 16.7 مللي ثانية | 59.9 FPS | عرض معتاد على 60 هرتز |
| 8.3 مللي ثانية | 120.5 FPS | عرض معتاد على 120 هرتز |
| 25.0 مللي ثانية | 40.0 FPS | بطء ملحوظ على شاشات كثيرة |
| 33.3 مللي ثانية | 30.0 FPS | حِمل ثقيل أو خفض للأداء |
إذا كان حد التنبيه لديك 50 FPS وانتهى المتوسط المتحرك المقاس عند 47 FPS، فالنتيجة أقل من الهدف حتى لو كانت بعض الإطارات أسرع. وإذا انتهى قرب 60 FPS مع انخفاضات عرضية إلى 45 FPS، فالمتوسط جيد، لكن القيمة الدنيا تخبرك بوجود تقطيع يستحق الفحص.
كيف تفسّر النتائج
| نمط النتيجة | المعنى المرجّح | الفحص التالي |
|---|---|---|
| متوسط قريب من معدل التحديث مع انخفاضات نادرة | العرض سليم | قارن مع متصفح آخر عند الحاجة فقط |
| متوسط جيد وقيمة دنيا أقل بكثير | تقطيع متكرر | أغلق علامات التبويب الثقيلة أو راجع الحركات |
| متوسط دون الحد | حِمل عرض مستمر | افحص استهلاك المعالج والإضافات وسكربتات الصفحة |
| معدل الإطارات محدود قرب 30 | توفير الطاقة أو خفض الأداء | تحقق من وضع البطارية وإعدادات الشاشة |
يتأثر معدل الإطارات في المتصفح بمعدل تحديث الشاشة، ومركّب نظام التشغيل، ووضع البطارية، وخفض الأداء الحراري، وعلامات التبويب النشطة، وبالصفحة نفسها. شغّل الاختبار أولًا في علامة تبويب هادئة، ثم أعده أثناء تشغيل الصفحة أو التطبيق الذي تريد تشخيصه.
الأسئلة الشائعة
لا. يقيس هذا العدّاد عدد مرات استقبال المتصفح لاستدعاءات requestAnimationFrame. وهو مفيد لفحص حركات الويب وسلاسة الصفحة، لكنه ليس اختبار أداء كاملًا لبطاقة الرسوميات في الألعاب الأصلية.
تربط معظم المتصفحات إطارات الحركة بمعدل تحديث الشاشة. فالشاشة بمعدل 60 هرتز تسجّل عادة قرابة 60 FPS، بينما قد تسجّل شاشات 120 هرتز أو 144 هرتز قيمًا أعلى عندما يسمح المتصفح ونظام التشغيل بذلك.
استخدم 50 FPS لفحص السلاسة المعتاد على 60 هرتز. أما على الشاشات ذات معدل التحديث العالي فاضبط الحد قريبًا من التجربة التي تتوقعها، مثل 90 FPS أو 120 FPS.
لا. يجري القياس داخل متصفحك عبر واجهات التوقيت المحلية. لا ترسل الأداة بيانات الإطارات أو لقطات الشاشة أو تفاصيل الجهاز إلى أي API خارجي.
أدوات ذات صلة
محدد ألوان HEX
اختر أي لون بصريًا واحصل على قيم HEX وRGB وHSL وHSV وCMYK، مع فحص تباين الوصولية مقابل الأبيض والأسود.
مولد حروف عشوائية
أنشئ حروفًا عشوائية من A-Z. اختر العدد، وحدد الحروف الكبيرة أو الصغيرة أو المختلطة، واستخدم النتيجة للألعاب أو الأسئلة الصفية.
منسق JSON
الصق JSON لتنسيقه بمسافتين أو أربع مسافات، أو تصغيره إلى ناتج مضغوط، أو فحص بنيته بسرعة قبل نسخ النتيجة.
مولد لوحات ألوان عشوائية
أنشئ لوحات ألوان عشوائية من 2 إلى 15 عينة، واختر نمطًا زاهيًا أو باستيل أو هادئًا أو داكنًا، ثم انسخ أكواد HEX أو متغيرات CSS.
مولد لوحة الألوان
أنشئ لوحات ألوان أحادية أو متجاورة أو مكملة أو ثلاثية أو رباعية من لون HEX أساسي، ثم صدّر متغيرات CSS جاهزة للنسخ.
مولّد ألوان عشوائية
أنشئ من 1 إلى 50 لون HEX عشوائيًا مع عينات للمعاينة والنسخ والاستخدام في CSS أو الاختبارات أو استكشاف اللوحات.