عنصر ثلاثي الأبعاد في الواجهة بلا تدمير الأداء

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

قررت أن يبقى، ومعه أربعة قيود لا تنكسر.

القيد الأول: العنصر الأهم للأداء شيء آخر

أكبر عنصر مرئي عند التحميل يجب أن يكون نصا أو شعارا. مقياس سرعة التحميل يسجل لحظة ظهور أكبر عنصر في الشاشة، فإن صار المشهد صاحب هذا اللقب أصبح قياسك رهينة بطاقة الرسوم عند الزائر.

القيد الثاني: التحميل مؤجل

الصفحة تصل أولا، ويستطيع الزائر قراءتها واستخدامها كاملة قبل أن يصل من المشهد أي جزء.

القيد الثالث: بديل غير رسومي

بعض الأجهزة لا تدعم التسريع الرسومي، وبعض البيئات تعطله. لهؤلاء الزوار أعرض عنصرا ساكنا يؤدي المعنى البصري نفسه، فلا تبقى المساحة فارغة أمامهم.

القيد الرابع، وهو الذي يُنسى دائما: احترام تقليل الحركة

من يفعّل «تقليل الحركة» في نظامه يفعلها لسبب: دوار، أو صداع، أو حساسية. الاحترام هنا إيقاف الحركة لا تخفيفها، مع عرض الحالة النهائية مباشرة.

ما الذي أحركه وما الذي أتركه ساكنا

أحرك خاصيتي transform و opacity فقط، لأن المتصفح ينفذهما على بطاقة الرسوم دون إعادة حساب للتخطيط. تحريك الأبعاد أو المواضع يجبر المتصفح على إعادة حساب الصفحة في كل إطار.

السؤال الذي أطرحه قبل أي مشهد

ماذا سيفهم الزائر بفضل المشهد ولم يكن ليفهمه بدونه؟

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

اقرأ أيضا