जावास्क्रिप्ट कोड के प्रदर्शन को मापने के लिए वेब अनुप्रयोगों को अनुकूलित करने के लिए आवश्यक है। यह लेख जावास्क्रिप्ट का उपयोग करके प्रदर्शन मीट्रिक की गणना करने के लिए एक स्पष्ट, कदम-दर-चरण दृष्टिकोण प्रदान करता है।

प्रदर्शन मीट्रिक को समझना

प्रदर्शन मीट्रिक डेवलपर्स को बाधाओं की पहचान करने और उनके कोड की दक्षता में सुधार करने में मदद करते हैं। आम मीट्रिक में निष्पादन समय, स्मृति उपयोग और फ्रेम दर शामिल है।

प्रदर्शन एपीआई का उपयोग करना

निष्पादन एपीआई कोड निष्पादन के विभिन्न पहलुओं को मापने के लिए उपकरण प्रदान करता है। Performance.now (] विधि एक उच्च-रिज़ॉल्यूशन टाइमस्टैम्प लौटाती है, जो सटीक समय के लिए आदर्श है।

निष्पादन समय को मापने के लिए, पहले और बाद में कोड ब्लॉक:

Example:

Available in: English(Original), Deutsch, Español, Français, 日本語, मानक हिन्दी, русский язык, tiếng Việt, தமிழ், తెలుగు, Português

// को मापने के लिए कोड

Available in: English(Original), Deutsch, Español, Français, 日本語, मानक हिन्दी, русский язык, русский язык, русский язык, русский язык, русский язык, русский язык, русский язык, русский язык, தமிழ், తెలుగు, తెలు, తెలు, తెలు, తెలుగు, Українська اردوردوردوریدی

const अवधि = endTime - startTime;

अन्य मीट्रिक की गणना

मेमोरी उपयोग ]] Performance.memory] ऑब्जेक्ट का उपयोग करके जांच की जा सकती है, जो कुल JS heap आकार और उपयोग किए जाने वाले ढेर आकार जैसे विवरण प्रदान करती है। ध्यान दें कि इस एपीआई को मुख्य रूप से क्रोम में समर्थित किया गया है।

फ्रेम दर माप के लिए, ]RequestAnimationFrame] का उपयोग समय के साथ प्रतिपादन प्रदर्शन को ट्रैक करने के लिए किया जाता है।

सर्वश्रेष्ठ अभ्यास

हमेशा परिवर्तनशीलता के लिए खाते में कई बार माप करते हैं। अधिक सटीक परिणाम प्राप्त करने के लिए औसत का उपयोग करें। उच्च गतिविधि की अवधि के दौरान माप से बचें जो डेटा को माप सकते हैं।

  • ]]display.now() ] जैसे उच्च-रिज़ॉल्यूशन टाइमर का प्रयोग करें।
  • सटीकता के लिए कई बार मापें चलाएं।
  • परिणाम की तुलना में लगातार स्थितियों के तहत की जाती है।
  • ] Performance.memory के साथ मॉनिटर मेमोरी उपयोग।
  • ]]requestAnimationFrame] के साथ प्रदर्शन को ट्रैक करें।