اختبار ضغط HTML5 Canvas

اختبار حوض السمك

قِس قدرة المتصفح على تشغيل الرسوم المتحركة من خلال حوض سمك حي.

استخدم هذا fishbowl benchmark عندما تحتاج إلى طريقة مرئية وسريعة لاختبار عرض Canvas 2D. زد عدد الأسماك، فعّل المؤثرات، راقب FPS وزمن الإطار، واترك وضع الضغط التلقائي يبحث عن نتيجة مستقرة لنافذة المتصفح الحالية.

بدون تثبيتCanvas 2Dضغط تلقائيسجل FPS مباشر
FPS

0.0

الأسماك

120

زمن الإطار

0.0 ms

النتيجة المستقرة

بانتظار البيانات

خفيفتقدير حمل GPU / CPUثقيل

تقدير الحمل

0%

سجل FPS لحوض السمك

Waiting for samples
يمتلئ الرسم عندما ينتج حوض السمك عينات FPS.

أفضل إشارة

استخدم النتيجة المستقرة مع رسم FPS لرؤية السعة والثبات معا.

إعداد قابل للتكرار

ثبّت عدد الأسماك والمؤثرات والمتصفح وحجم النافذة ووضع الطاقة.

حمل عملي

يشبه هذا الحمل مشاهد Canvas التفاعلية أكثر من عداد اصطناعي واحد.

ما الذي يقيسه Fishbowl Benchmark

يركز Fishbowl Benchmark على مسار HTML5 Canvas 2D الذي تستخدمه لوحات البيانات والألعاب والأدوات التعليمية والمؤثرات المرئية. بدلا من تظليل واحد ثقيل، يرسم الاختبار عددا كبيرا من الكائنات الصغيرة ويحركها في كل إطار. الأسماك والفقاعات والنباتات والجسيمات وأشعة الضوء وتموجات الماء والصخور والشعاب والآثار الاختيارية تصنع حملا يمزج محاكاة CPU مع الرسم والتركيب المدعومين من GPU.

يعرض FPS عدد الإطارات التي يستطيع المتصفح تقديمها في الثانية. ويعرض زمن الإطار تكلفة كل إطار. زمن إطار منخفض وثابت يفيد أكثر من قفزة قصيرة في FPS لأنه يوضح قدرة الحركة على البقاء سلسة تحت حمل مستمر. وتسجل النتيجة المستقرة أعلى عدد أسماك بقي قريبا من 60 FPS في الجلسة الحالية.

طريقة الاستخدام

ابدأ بعدد الأسماك الافتراضي وراقب الرسم لبضع ثوان. ارفع المنزلق عندما يكون زمن الإطار مستقرا، أو فعّل الضغط التلقائي ليضيف الاختبار أسماكا ما دام الأداء جيدا. زر 2,000 سمكة قفزة سريعة لأجهزة سطح المكتب الحديثة، أما المسح فيفيد لقياس كلفة الخلفية وحدها.

للمقارنة العادلة، ثبّت حجم نافذة المتصفح ومقياس العرض ووضع الطاقة ومفاتيح المؤثرات. الشاشة الكاملة تجعل الاختبار أصعب غالبا لأن canvas يغطي بكسلات أكثر. النوافذ الأصغر قد تحافظ على أسماك أكثر عند 60 FPS، لذلك سجّل حجم النافذة عند مقارنة جهازين.

متى يكون الاختبار مفيدا

استخدم هذا fishbowl benchmark لمقارنة المتصفحات، أو وحدات GPU المدمجة والمنفصلة، أو أوضاع طاقة الحاسوب المحمول، أو جلسات سطح المكتب البعيد، أو تحديثات التعريفات. إنه يكمل اختبار volume shader الأثقل: حوض السمك يبرز تدفق أوامر الرسم 2D وسلوك التركيب، بينما يعزل اختبار volume shader حسابات تظليل البكسلات.

قراءة النتيجة بشكل صحيح

اعتبر الثواني الأولى فترة إحماء. بعد بدء الصفحة قد يترجم محرك المتصفح الكود، أو يغير أحجام المخازن، أو يعدل مسار التركيب. النتيجة الأقوى ليست قمة لحظية، بل أداء يبقى مستقرا بعد أن يجمع الرسم عددا كافيا من العينات. إذا انخفض FPS بوضوح عند تفعيل الآثار أو تموجات الضوء، فهذا يعني غالبا أن النظام حساس لأوامر رسم إضافية، أو للشفافية، أو للرسم المتداخل، وليس فقط لملء البكسلات.

أفضل مقارنة ليست رقما عالميا، بل تشغيل مضبوط قبل وبعد على الإعدادات نفسها.

Last updated: May 8, 2026