تم شحن واجهة برمجة التطبيقات Long Animation Frame API

Barry Pollard

دعم المتصفح

  • 123
  • 123
  • x
  • x

المصدر

تم شحن واجهة برمجة التطبيقات Long Animation Frame API من Chrome 123، وقد تم الآن تحديث الأدوات والإرشادات لمساعدتك في الاستفادة إلى أقصى حد من واجهة برمجة التطبيقات الجديدة هذه.

يتوفّر LoAF في web-vitals مكتبة JavaScript.

يتضمّن الإصدار 4 من مكتبة JavaScript لمؤشرات أداء الويب إطار الصور المتحركة الطويل (أو الإطارات) المتعلّق بتفاعل INP كما هو موثّق في دليل البحث عن التفاعلات البطيئة في الحقل لتضمين معلومات عن كيفية الاستفادة من LoAF.

خلال مؤتمر Google I/O لعام 2024، قدّمنا هذه المعلومات في حديث بعنوان إحصاءات الحقول الجديدة لتصحيح أخطاء INP، بما في ذلك الاستفادة من استخدام LoAF لتحديد النصوص البرمجية الأخرى التي تؤدي إلى إبطاء تفاعلاتك مع INP.

يتيح دمج واجهة برمجة التطبيقات مباشرةً في المكتبة لشركاء RUM الذين يستخدمون واجهة برمجة التطبيقات هذه عرض هذه البيانات، بما في ذلك بيانات مثل RUMVision وDebugBear. يوفر ذلك أيضًا تنفيذًا مرجعيًا مفتوح المصدر لمقدّمي تقنية RUM الآخرين الذين يسعون للحصول عليه ضمن منتجهم الخاص.

يتوفّر LoAF في إضافة Web Vitals.

تم تعديل إضافة مؤشرات أداء الويب لتشمل بيانات طويلة لإطارات الصور المتحركة لمساعدتك في تصحيح أخطاء تفاعلات INP، وذلك وفقًا لما يلي:

تسجيل وحدة التحكّم في إضافة مؤشرات أداء الويب
يعرض تسجيل وحدة التحكّم في إضافة مؤشرات أداء الويب بيانات LoAF.

من المفيد معرفة النصوص البرمجية الأخرى التي يتم تشغيلها أثناء التفاعل، وغالبًا ما يكون هذا سبب التأخير (خصوصًا تأخّر الإدخال)، ولكن كان من الصعب حتى الآن تشخيصها عند استخدام الإضافة.

إرشادات معدَّلة بشأن استخدام LoAF

لقد عدّلنا أيضًا إرشاداتنا في وثائق واجهة برمجة التطبيقات Long Animation Frames API لمساعدتك في الاستفادة إلى أقصى حد من واجهة برمجة التطبيقات هذه.

أمثلة على إطارات الصور المتحركة الطويلة على الصفحة، مع تمييز "الإطار الفقاعي INP"
يمكن أن تتضمّن الصفحة العديد من نماذج LoAF، ويجب أن يكون أحدها مرتبطًا بتفاعل INP.

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

بالإضافة إلى ذلك، وثّقنا أيضًا واجهة برمجة التطبيقات في MDN.

الخاتمة

وتُعد واجهة برمجة تطبيقات Long Animation Frames إضافة مثيرة إلى النظام الأساسي للويب، وقد رأينا بالفعل عددًا من المواقع التي تستخدم واجهة برمجة التطبيقات هذه لتحسين مواقعهم حتى أثناء المرحلة التجريبية. ونحن نتطلع إلى استخدام واجهة برمجة التطبيقات على نطاق أوسع في الأدوات وتحسين الاستجابة على المواقع الإلكترونية بفضل واجهة برمجة التطبيقات هذه.