Table of Contents
जावास्क्रिप्ट में DOM हेरफेर समय को मापने से वेब पेज के प्रदर्शन को अनुकूलित करने में मदद मिलती है। यह समझना कि दस्तावेज़ ऑब्जेक्ट मॉडल (DOM) को अपडेट करने के लिए कितनी देर तक स्क्रिप्ट लेते हैं, वे बोतलबंदी की पहचान कर सकते हैं और उपयोगकर्ता के अनुभव को बेहतर बना सकते हैं।
विधियाँ मापने के लिए डोम हेरफेर समय
अंतर्निहित ब्राउज़र टूल का उपयोग करना DOM हेरफेर प्रदर्शन को मापने का सबसे सीधा तरीका है। प्रदर्शन एपीआई जावास्क्रिप्ट संचालन के लिए विस्तृत समय की जानकारी प्रदान करता है।
प्रदर्शन एपीआई का उपयोग करना
प्रदर्शन एपीआई डेवलपर्स को कोड में विशिष्ट बिंदुओं को चिह्नित करने और उनके बीच निकलने वाले समय को मापने की अनुमति देता है। यह निर्धारित करने में मदद करता है कि कैसे लंबे समय तक DOM अद्यतन करते हैं।
उदाहरण कोड:
]]
यहां DOM हेरफेर करें।
]]]
फिर, माप को पुनर्प्राप्त करें:
]]
duration] संपत्ति उस समय को इंगित करती है।
सटीक मापन के लिए सर्वश्रेष्ठ अभ्यास
सटीक परिणाम सुनिश्चित करने के लिए, कई बार माप करें और परिणाम को औसत दें। एक साथ चलने वाली अन्य स्क्रिप्टों से बचें जो समय को प्रभावित कर सकती हैं।
अतिरिक्त सुझाव
- ]RequestAnimationFrame का उपयोग दृश्य अद्यतन को मापने के लिए करें।
- परीक्षण के दौरान अनावश्यक स्क्रिप्ट को अक्षम करें।
- विस्तृत अंतर्दृष्टि के लिए ब्राउज़र डेवलपर टूल के साथ प्रोफाइल।