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

Barry Pollard

Browser Support

• 123
• 123
• x
• x

Source

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

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

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

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

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

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

ميزة متوقّفة نهائيًا: منذ نشر هذه المشاركة، تم إيقاف إضافة "مؤشرات أداء الويب" نهائيًا وأصبحت وظيفة LoAF التي تمت مناقشتها هنا متاحة الآن في "أدوات مطوّري البرامج".

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

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

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

إرشادات معدَّلة حول استخدام ميزة "الإعلانات أثناء التصفّح"

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

قد تحتوي الصفحة على العديد من عناصر LoAF، ويكون أحدها مرتبطًا بتفاعل INP.

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

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

الخاتمة

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