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.](https://developer.chrome.com/static/blog/loaf-has-shipped/image/loaf-web-vitals-extension.png?hl=fa)
این برای مشاهده اینکه چه اسکریپتهای دیگری در زمان تعامل شما در حال اجرا هستند مفید است، که اغلب علت تأخیرها (به ویژه تأخیرهای ورودی) هستند، اما تاکنون تشخیص آن هنگام استفاده از برنامه افزودنی دشوار بود.
راهنمای به روز شده در استفاده از LoAF
ما همچنین دستورالعملهای خود را در مستندات اصلی Long Animation Frames API بهروزرسانی کردهایم تا به شما کمک کنیم از این API حداکثر استفاده را ببرید.
![نمونههایی از فریمهای انیمیشن بلند در یک صفحه، با برجستهسازی INP LoAF.](https://developer.chrome.com/static/blog/loaf-has-shipped/image/loaf-inp.png?hl=fa)
این راهنما بر اساس نحوه استفاده از این API در این زمینه است، برای مثال در این مطالعه موردی از Taboola . ما در حال کار بر روی تعدادی مطالعه موردی دیگر هستیم و مشتاقانه منتظر انتشار نمونه های بیشتری از این دست در آینده هستیم.
علاوه بر این، ما API را در MDN نیز مستند کرده ایم.
نتیجه
Long Animation Frames API یک افزونه هیجانانگیز به پلتفرم وب است و قبلاً تعدادی از سایتها را دیدهایم که از این API برای بهبود سایتهای خود حتی در مرحله آزمایشی آن استفاده میکنند. ما مشتاقانه منتظر پذیرش گسترده API در ابزارسازی و بهبود پاسخگویی در وب سایت ها به لطف این API هستیم.
،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.](https://developer.chrome.com/static/blog/loaf-has-shipped/image/loaf-web-vitals-extension.png?hl=fa)
این برای مشاهده اینکه چه اسکریپتهای دیگری در زمان تعامل شما در حال اجرا هستند مفید است، که اغلب علت تأخیرها (به ویژه تأخیرهای ورودی) هستند، اما تاکنون تشخیص آن هنگام استفاده از برنامه افزودنی دشوار بود.
راهنمای به روز شده در استفاده از LoAF
ما همچنین دستورالعملهای خود را در مستندات اصلی Long Animation Frames API بهروزرسانی کردهایم تا به شما کمک کنیم از این API حداکثر استفاده را ببرید.
![نمونههایی از فریمهای انیمیشن بلند در یک صفحه، با برجستهسازی INP LoAF.](https://developer.chrome.com/static/blog/loaf-has-shipped/image/loaf-inp.png?hl=fa)
این راهنما بر اساس نحوه استفاده از این API در این زمینه است، برای مثال در این مطالعه موردی از Taboola . ما در حال کار بر روی تعدادی مطالعه موردی دیگر هستیم و مشتاقانه منتظر انتشار نمونه های بیشتری از این دست در آینده هستیم.
علاوه بر این، ما API را در MDN نیز مستند کرده ایم.
نتیجه
Long Animation Frames API یک افزونه هیجانانگیز به پلتفرم وب است و قبلاً تعدادی از سایتها را دیدهایم که از این API برای بهبود سایتهای خود حتی در مرحله آزمایشی آن استفاده میکنند. ما مشتاقانه منتظر پذیرش گسترده API در ابزارسازی و بهبود پاسخگویی در وب سایت ها به لطف این API هستیم.