इंटरसेक्शन ऑब्जर्वर एपीआई
एक कुशल ब्राउज़र एपीआई जो डीओएम तत्वों के कंटेनर या व्यूपोर्ट के साथ प्रतिच्छेदन के समय का निरीक्षण करता है।
परिभाषा
इंटरसेक्शन ऑब्जर्वर एपीआई एक नैटिव वेब इंटरफेस है जो विकासकर्ताओं को एक या अधिक लक्ष्य तत्वों को देखने की अनुमति देता है और जब उनकी दृश्यता एक निर्दिष्ट पूर्वज तत्व या ब्राउज़र के व्यूपोर्ट के संबंध में बदल जाती है तो सूचित करता है। यह असिंक्रोनस रूप से काम करता है, हाथ से स्क्रॉल घटना सुनने वाले और भारी गणनाओं की आवश्यकता को दूर करता है, जो दृश्यता-निर्भर विशेषताओं के लिए प्रदर्शन में सुधार करता है। आमतौर पर तत्व दृश्य में आते या बाहर जाते समय कार्य ट्रिगर करने के लिए इस एपीआई का उपयोग किया जाता है, जो निर्दिष्ट दृश्यता सीमाओं के पार होने पर कॉलबैक के माध्यम से प्रतिच्छेदन परिवर्तन रिपोर्ट करता है। इसमें रूट तत्वों, मार्जिन और दृश्यता सीमाओं के विन्यास के माध्यम से अवलोकन के समय को सूक्ष्म रूप से समायोजित करने की क्षमता होती है। इस प्रकार के दृष्टिकोण उपयोगकर्ता अनुभव के बिना लेट लोडिंग, अनंत स्क्रॉलिंग और विश्लेषण ट्रैकिंग के निर्माण में सहायता करते हैं।
फायदे
- असिंक्रोनस निरीक्षण लागत वाले निरंतर स्क्रॉल घटना हैंडलिंग से बचाता है।
- विन्यास योग्य सीमाएं और मार्जिन दृश्यता ट्रिगर पर निर्देशित नियंत्रण प्रदान करते हैं।
- लेट लोडिंग और स्क्रॉल-संवेदनशील यूआई विशेषताओं के लिए प्रदर्शन में सुधार करता है।
- एक ही ऑब्जर्वर इकाई के साथ कई लक्ष्यों के साथ काम करता है।
- लेआउट थ्रैशिंग कम करता है और प्रतिक्रियाशीलता में सुधार करता है।
नुकसान
- बिना पॉलीफिल्स के कुछ पुराने ब्राउज़र इसका समर्थन नहीं करते हैं।
- सही उपयोग के लिए सीमाओं और रूट मार्जिन के बारे में समझ आवश्यक है।
- सरल दृश्यता जांच के लिए यह अत्यधिक हो सकता है।
- गलत विन्यास अपेक्षित कॉलबैक समय के लिए नेतृत्व कर सकता है।
- शुरुआती लोगों के लिए असिंक्रोनस व्यवहार के डीबगिंग कठिन हो सकता है।
उपयोग मामले
- उपयोगकर्ता स्क्रॉल करते समय छवियों या सामग्री के लेट लोडिंग के लिए।
- स्क्रॉल सुनने वाले के बिना अनंत स्क्रॉलिंग फीड्स के लिए।
- जब तत्व व्यूपोर्ट में प्रवेश करते हैं तो एनीमेशन ट्रिगर करना।
- एनालिटिक्स या विज्ञापन दृश्यता मापदंडों के लिए दृश्यता के ट्रैकिंग के लिए।
- तत्व दृश्यता के आधार पर संसाधन लोडिंग के अनुकूलन के लिए।