Long Animation Frame API اکنون ارسال شده است، Long Animation Frame API اکنون ارسال شده است

بری پولارد

پشتیبانی مرورگر

  • کروم: 123.
  • لبه: 123.
  • فایرفاکس: پشتیبانی نمی شود.
  • سافاری: پشتیبانی نمی شود.

منبع

Long Animation Frame API (LoAF تلفظ Lo-Af) از Chrome 123 ارسال شده است و ما اکنون ابزار و راهنمای خود را نیز به روز کرده ایم تا به شما کمک کنیم از این API جدید حداکثر استفاده را ببرید.

LoAF در کتابخانه جاوا اسکریپت web-vitals موجود است

نسخه 4 کتابخانه جاوا اسکریپت web-vitals شامل قاب انیمیشن طولانی (یا فریم‌ها) مربوط به تعامل INP است که در راهنمای یافتن تعاملات آهسته در راهنمای میدانی مستند شده است تا اطلاعاتی در مورد نحوه بهره‌گیری از LoAF درج شود .

در Google I/O 2024، ما این اطلاعات را در بینش‌های میدانی جدید برای اشکال‌زدایی گفتگوی INP ، از جمله استفاده از LoAF برای شناسایی سایر اسکریپت‌ها که تعاملات INP شما را کند می‌کنند، ارائه کردیم.

ادغام API مستقیماً در کتابخانه به شرکای RUM که از این API استفاده می‌کنند اجازه می‌دهد تا این داده‌ها، از جمله RUMVision و DebugBear را در معرض دید قرار دهند. این همچنین یک پیاده سازی مرجع منبع باز برای سایر ارائه دهندگان RUM فراهم می کند که به دنبال آن برای محصول خود هستند.

LoAF در Web Vitals Extension موجود است

برنامه افزودنی Web Vitals به‌روزرسانی شده است تا شامل داده‌های فریم انیمیشن طولانی باشد تا به شما در رفع اشکال تعاملات INP کمک کند:

ورود به سیستم کنسول برنامه افزودنی Web Vitals.
Web Vitals Extension کنسول ثبت اطلاعات LoAF را سطح می کند.

این برای مشاهده اینکه چه اسکریپت‌های دیگری در زمان تعامل شما در حال اجرا هستند مفید است، که اغلب علت تأخیرها (به ویژه تأخیرهای ورودی) هستند، اما تاکنون تشخیص آن هنگام استفاده از برنامه افزودنی دشوار بود.

راهنمای به روز شده در استفاده از LoAF

ما همچنین دستورالعمل‌های خود را در مستندات اصلی Long Animation Frames API به‌روزرسانی کرده‌ایم تا به شما کمک کنیم از این API حداکثر استفاده را ببرید.

نمونه‌هایی از فریم‌های انیمیشن بلند در یک صفحه، با برجسته‌سازی INP LoAF.
یک صفحه ممکن است LoAF های زیادی داشته باشد که یکی از آنها به تعامل INP مربوط می شود.

این راهنما بر اساس نحوه استفاده از این API در این زمینه است، برای مثال در این مطالعه موردی از Taboola . ما در حال کار بر روی تعدادی مطالعه موردی دیگر هستیم و مشتاقانه منتظر انتشار نمونه های بیشتری از این دست در آینده هستیم.

علاوه بر این، ما API را در MDN نیز مستند کرده ایم.

نتیجه گیری

Long Animation Frames API یک افزونه هیجان‌انگیز به پلتفرم وب است و قبلاً تعدادی از سایت‌ها را دیده‌ایم که از این API برای بهبود سایت‌های خود حتی در مرحله آزمایشی آن استفاده می‌کنند. ما مشتاقانه منتظر پذیرش گسترده API در ابزارسازی و بهبود پاسخگویی در وب سایت ها به لطف این API هستیم.