लाॅन्ग ऐनिमेशन फ़्रेम एपीआई (LoAF का उच्चारण Lo-Af) Chrome 123 से भेजा जा चुका है. अब हमने अपने टूल और दिशा-निर्देशों को भी अपडेट कर दिया है, ताकि आपको इस नए एपीआई का ज़्यादा से ज़्यादा फ़ायदा मिल सके.
LoAF web-vitals
JavaScript लाइब्रेरी में उपलब्ध है
वेब-वाइटल JavaScript लाइब्रेरी के वर्शन 4 में, आईएनपी इंटरैक्शन से जुड़ा लंबा ऐनिमेशन फ़्रेम (या फ़्रेम) शामिल है. इस बारे में, फ़ील्ड में धीमे इंटरैक्शन को ढूंढना गाइड में बताया गया है. इसमें LoAF का फ़ायदा लेने के तरीके के बारे में जानकारी दी गई है.
Google I/O 2024 में, हमने आईएनपी को डीबग करने से जुड़ी नई फ़ील्ड इनसाइट के बारे में जानकारी दी थी. इसमें LoAF का फ़ायदा लेना शामिल है, ताकि आईएनपी इंटरैक्शन को धीमा करने वाली अन्य स्क्रिप्ट की पहचान की जा सके.
एपीआई को लाइब्रेरी में सीधे इंटिग्रेट करके, RUM पार्टनर को इस एपीआई का इस्तेमाल करने की अनुमति मिल जाती है. इससे वे यह डेटा दिखा सकते हैं. इसमें RUMVision और DebugBear भी शामिल है. इससे, RUM की सेवा देने वाली अन्य कंपनियों को एक ओपन सोर्स रेफ़रंस लागू करने की सुविधा भी मिलती है, जो अपने प्रॉडक्ट में इसे इस्तेमाल कर रही है.
LoAF, वेब की परफ़ॉर्मेंस की अहम जानकारी देने वाले एक्सटेंशन में उपलब्ध है
वेब की परफ़ॉर्मेंस की अहम जानकारी देने वाले एक्सटेंशन को अपडेट किया गया है, ताकि लंबी ऐनिमेशन फ़्रेम के डेटा को शामिल किया जा सके. इससे आईएनपी इंटरैक्शन को डीबग करने में आपको मदद मिलेगी:
![वेब वाइटल एक्सटेंशन कंसोल में लॉग इन करना.](https://developer.chrome.com/static/blog/loaf-has-shipped/image/loaf-web-vitals-extension.png?hl=hi)
इससे यह पता चलता है कि आपके इंटरैक्शन के समय कौनसी दूसरी स्क्रिप्ट चल रही हैं. इनकी वजह से अक्सर देरी होती है (खास तौर पर, इनपुट में देरी). हालांकि, अब तक एक्सटेंशन का इस्तेमाल करते समय इसका विश्लेषण करना मुश्किल था.
एलओएएफ़ के इस्तेमाल के बारे में अपडेट किए गए दिशा-निर्देश
इस एपीआई का ज़्यादा से ज़्यादा फ़ायदा पाने में मदद करने के लिए, हमने YouTube के मुख्य ऐनिमेशन फ़्रेम एपीआई दस्तावेज़ में अपने दिशा-निर्देशों को भी अपडेट किया है.
![पेज पर लंबे ऐनिमेशन फ़्रेम के उदाहरण, जिनमें आईएनपी एलओएफ़ को हाइलाइट किया गया है.](https://developer.chrome.com/static/blog/loaf-has-shipped/image/loaf-inp.png?hl=hi)
यह दिशा-निर्देश इस पर आधारित है कि हमने फ़ील्ड में इस एपीआई का इस्तेमाल किस तरह किया है. उदाहरण के लिए, Taboola की इस केस स्टडी में. हम कई अन्य केस स्टडी पर काम कर रहे हैं. आने वाले समय में, हम इस तरह के और उदाहरण पब्लिश करेंगे.
इसके अलावा हमने एमडीएन पर एपीआई का दस्तावेज़ भी दिया है.
नतीजा
लंबी ऐनिमेशन फ़्रेम एपीआई, वेब प्लैटफ़ॉर्म में एक नई सुविधा है. हमने देखा है कि कई साइटें इस एपीआई का इस्तेमाल करके, ट्रायल के दौरान भी अपनी साइटों को बेहतर बना रही हैं. इस एपीआई की बदौलत, हम वेबसाइट के टूलिंग और रिस्पॉन्स को बेहतर बनाने में इस एपीआई का ज़्यादा इस्तेमाल करने की उम्मीद कर रहे हैं.