विजुअल स्टूडियो 2013 में नई विंडोज स्टोर ऐप प्रोफाइलिंग सुविधाएँ

कार्यक्षमता और डिज़ाइन के साथ प्रदर्शन किसी भी एप्लिकेशन की सबसे महत्वपूर्ण विशेषताओं में से एक है। यह प्रमाणन प्रक्रिया की विफलता और विंडोज स्टोर में अनुप्रयोगों के प्रकाशन के सामान्य कारणों में से एक है।

एक अच्छा अनुप्रयोग तेज़ होना चाहिए, सुचारू रूप से चलना चाहिए और आर्थिक रूप से हार्डवेयर संसाधनों का उपभोग करना चाहिए। इसके लिए प्रदर्शन पर ध्यान देने के साथ-साथ डिजाइन और कार्यक्षमता पर भी ध्यान देने की जरूरत है।

विजुअल स्टूडियो 2013 ने प्रोफाइलिंग और प्रदर्शन विश्लेषण के लिए नई सुविधाओं की शुरुआत की, जो आपको अनुप्रयोगों में सामान्य अड़चनें खोजने की अनुमति देता है।

रूपरेखा सुविधाएँ

विजुअल स्टूडियो 2013 में, विंडोज स्टोर अनुप्रयोगों के पहले से मौजूद रूपरेखा और नई, जोड़ी गई सुविधाओं को विशेष प्रदर्शन और डायग्नोस्टिक्स हब विज़ार्ड में स्थानांतरित किया गया था। यह डेवलपर्स को डेटा एकत्र करने और हार्डवेयर संसाधनों, इंटरफ़ेस प्रदर्शन और एप्लिकेशन कोड के उपयोग का विश्लेषण करने की अनुमति देता है।

आप इसे डिबग या विश्लेषण मेनू में पा सकते हैं।





तो, निम्न विकल्प आपके लिए उपलब्ध हैं:

• सीपीयू नमूना । CPU उपयोग डेटा संग्रह।
• ऊर्जा की खपत । ऊर्जा की खपत के आंकड़ों का संग्रह, जो किसी भी अतिरिक्त हार्डवेयर का उपयोग किए बिना, आरटी उपकरणों के लिए विशेष रूप से सच है।
• HTML यूआई प्रतिक्रिया । एचटीएमएल \ जावास्क्रिप्ट अनुप्रयोगों के लिए पृष्ठों और नियंत्रण के प्रतिक्रिया समय पर आंकड़ों का संग्रह।
• XAML UI जवाबदेही । XAML \ C # अनुप्रयोगों के लिए पृष्ठों और नियंत्रण के प्रतिक्रिया समय पर आंकड़ों का संग्रह।
• जावास्क्रिप्ट मेमोरी । स्मृति उपयोग पर आँकड़ों का संग्रह। आपको जावास्क्रिप्ट अनुप्रयोगों में मेमोरी लीक खोजने की अनुमति देता है।
• जावास्क्रिप्ट कार्य समय । जावास्क्रिप्ट रनटाइम जानकारी प्रदर्शित करता है।
• प्रदर्शन जादूगर । अभी भी मौजूद है। यह मुख्य रूप से क्लासिक क्लाइंट अनुप्रयोगों या ASP.NET अनुप्रयोगों की रूपरेखा के लिए उपयोग किया जाता है।

आप स्टूडियो में खोले गए एप्लिकेशन को न केवल प्रोफाइल कर सकते हैं, बल्कि किसी अन्य इंस्टॉल किए गए एप्लिकेशन के साथ-साथ ASP.NET एप्लिकेशन या एक्सई फाइल को भी देख सकते हैं।



यदि आप पहले से इंस्टॉल किए गए एप्लिकेशन का चयन करते हैं, तो आपको इसे न केवल अपने स्थानीय कंप्यूटर पर, बल्कि किसी अन्य सुलभ रिमोट कंप्यूटर पर भी प्रोफाइल करने का अवसर दिया जाता है।

प्रोफाइलिंग विंडोज 8.1 एप्लीकेशन

अब देखते हैं कि एप्लिकेशन प्रदर्शन समस्याओं के निदान के लिए नई सुविधाओं का उपयोग और उपयोग कैसे करें।
हम एक साधारण खिलौने बबलपॉपर के उदाहरण से प्रोफाइलिंग की संभावनाओं का अध्ययन करेंगे।



खिलौना "छत" तक पहुंचने से पहले गेंदों को "कुचल" होने की आवश्यकता होती है।
आप यहाँ प्रयोगों के लिए स्रोत कोड डाउनलोड कर सकते हैं: http://sdrv.ms/1bgyAwP

CPU उपयोग

डेटा संग्रह

Visual Studio 2013 में बबलपॉपर एप्लिकेशन खोलें। शीर्ष मेनू से, विश्लेषण - प्रदर्शन और निदान का चयन करें । खुलने वाली विंडो में, सीपीयू सैम्पलिंग चेकबॉक्स की जाँच करें और स्टार्ट बटन पर क्लिक करें।



आवेदन शुरू हो जाएगा और डेटा संग्रह शुरू हो जाएगा।



एक या अधिक मिनट के लिए एप्लिकेशन का उपयोग करें, और फिर डिबगिंग और डेटा एकत्र करना बंद करें।

के विश्लेषण

विश्लेषण और डाटा प्रोसेसिंग पूरा होने के बाद, एक रिपोर्ट खुलती है जिसमें निम्नलिखित सूचना ब्लॉक होते हैं:

• CPU चार्ट : एप्लिकेशन द्वारा CPU उपयोग का प्रतिशत दिखाता है। जब हम सक्रिय रूप से गेंदों को "कुचल" करते हैं, तो प्रोसेसर का उपयोग थोड़ा अधिक किया जाता है, जब कम सक्रिय रूप से - थोड़ा कम। रिपोर्ट से पता चलता है कि हमें कोई समस्या नहीं है और तेज चोटियां हैं।
• गर्म पथ : अनुप्रयोग कॉल स्टैक और विधि निष्पादन समय प्रदर्शित करता है।
• सबसे अधिक व्यक्तिगत कार्य करने वाले कार्य : वे कार्य जिन्होंने सबसे अधिक CPU समय व्यतीत किया है।

अपराधी कुछ भी नहीं, तुम कहते हो। यदि आप ध्यान देते हैं, तो MainPage.moveBubble_Completed विधि दूसरों की तुलना में लंबे समय से चल रही है और यहां तक ​​कि एक स्पार्क के साथ एक विशेष आइकन के साथ चिह्नित है। इस पर क्लिक करें। आपको फ़ंक्शन विवरण रिपोर्ट पर ले जाया जाएगा।



फ़ंक्शन विवरण, मेरी राय में, सीपीयू रिपोर्ट का सबसे उपयोगी हिस्सा है। रिपोर्ट से पता चलता है कि हमारी पद्धति कहां से कॉल की जाती है और इसे कौन कॉल करता है। लेकिन सबसे दिलचस्प बात यह है कि यह वास्तव में दिखाता है कि आपके कोड की कौन सी लाइनें सबसे लंबे समय तक निष्पादित होती हैं। यह आपको उद्देश्यपूर्ण रूप से काम करने की अनुमति देगा और बहुत समय खोजने के बिना कोड के केवल सबसे धीमे भागों का अनुकूलन करेगा।

बिजली की खपत

डेटा संग्रह

Visual Studio 2013 में बबलपॉपर एप्लिकेशन खोलें। सोल्यूशन एक्सप्लोरर में, MainPage.xaml.cs फ़ाइल और मूवबबल_कंप्लीट मेथड में कॉल को अनइंस्टॉल करें:

void moveBubble_Completed(object sender, object e) { … OpenWebSite("http://microsoft.com"); } 

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



आवेदन शुरू हो जाएगा और डेटा संग्रह शुरू हो जाएगा।



एक या अधिक मिनट के लिए एप्लिकेशन का उपयोग करें, और फिर डिबगिंग और डेटा एकत्र करना बंद करें।

के विश्लेषण

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



हमारी रिपोर्ट ठीक है, कुछ भी महत्वपूर्ण नहीं है, लेकिन चलो एक प्रयोग करें और अंतर देखने के लिए हमारे कोड को थोड़ा अनुकूलित करें।

MainPage.xaml फ़ाइल खोलें और निम्नलिखित के साथ MoveBubble_Completed विधि को बदलें:

 void moveBubble_Completed(object sender, object e) { Storyboard oldStoryBoard = (Storyboard)sender; Bubble bubble = (Bubble)bubbles[oldStoryBoard]; double? xTo = bubble.DestinationX; double? yTo = bubble.DestinationY; double nextX = BubbleResources.NextXPoint(xTo); double nextY = BubbleResources.NextYPoint(yTo); //Check to see if the buble is off the top of of the screen if (yTo < 0 - bubble.BubbleEllipse.ActualHeight) { //Remove the old storyboard bubbles.Remove(bubble.AnimationStoryboard); //Remove the ellipse from the XAML tree LayoutRoot.Children.Remove(bubble.BubbleEllipse); return; } bubble.XAnimation.From = bubble.DestinationX; bubble.XAnimation.To = nextX; bubble.YAnimation.From = bubble.DestinationY; bubble.YAnimation.To = nextY; bubble.DestinationX = nextX; bubble.DestinationY = nextY; bubble.AnimationStoryboard.Begin(); } 

हमने विधि को अनुकूलित किया और नेटवर्क गतिविधि की पीढ़ी को हटा दिया। आइए एनर्जी कंजम्पशन एप्लिकेशन और डेटा कलेक्शन को फिर से शुरू करें। परिणामस्वरूप, हमें निम्नलिखित रिपोर्ट मिलती है।



जैसा कि आप देख सकते हैं, नेटवर्क संसाधनों का उपयोग बंद हो गया है, और एप्लिकेशन कोड के अनुकूलन के कारण बैटरी का उपयोग भी 48% से 43% तक कम हो गया है।

यूआई प्रदर्शन

डेटा संग्रह

विजुअल स्टूडियो 2013 में बबलपॉपर एप्लिकेशन खोलें (कोड सुधार के बिना एप्लिकेशन संस्करण को खोलना उचित है)।
शीर्ष मेनू से, विश्लेषण - प्रदर्शन और निदान का चयन करें । खुलने वाली विंडो में, XAML UI रिस्पॉन्सिबिलिटी बॉक्स को चेक करें और स्टार्ट बटन पर क्लिक करें। यदि हमारे पास एक HTML \ JavaScript एप्लिकेशन था, तो एक HTML UI जवाबदेही सेटिंग होगी।



आवेदन शुरू हो जाएगा और डेटा संग्रह शुरू हो जाएगा।



एक या अधिक मिनट के लिए एप्लिकेशन का उपयोग करें, और फिर डिबगिंग और डेटा एकत्र करना बंद करें।

के विश्लेषण

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



आप रिपोर्ट में देख सकते हैं कि इंटरफ़ेस की तुलना में बहुत सारे संसाधन एप्लिकेशन कोड को निष्पादित करने पर खर्च किए जाते हैं।
आइए अपने कोड को उसी तरह प्रयोग और ऑप्टिमाइज़ करें जैसे पिछले उदाहरण में किया गया है।

MainPage.xaml फ़ाइल खोलें और निम्नलिखित के साथ MoveBubble_Completed विधि को बदलें:

 void moveBubble_Completed(object sender, object e) { Storyboard oldStoryBoard = (Storyboard)sender; Bubble bubble = (Bubble)bubbles[oldStoryBoard]; double? xTo = bubble.DestinationX; double? yTo = bubble.DestinationY; double nextX = BubbleResources.NextXPoint(xTo); double nextY = BubbleResources.NextYPoint(yTo); //Check to see if the buble is off the top of of the screen if (yTo < 0 - bubble.BubbleEllipse.ActualHeight) { //Remove the old storyboard bubbles.Remove(bubble.AnimationStoryboard); //Remove the ellipse from the XAML tree LayoutRoot.Children.Remove(bubble.BubbleEllipse); return; } bubble.XAnimation.From = bubble.DestinationX; bubble.XAnimation.To = nextX; bubble.YAnimation.From = bubble.DestinationY; bubble.YAnimation.To = nextY; bubble.DestinationX = nextX; bubble.DestinationY = nextY; bubble.AnimationStoryboard.Begin(); } 

XAML UI रिस्पॉन्सिबिलिटी ऐप और डेटा कलेक्शन फिर से लॉन्च करें। परिणामस्वरूप, हमें निम्नलिखित रिपोर्ट मिलती है।



रिपोर्ट बताती है कि कोड बहुत तेजी से काम करने लगा।

इस रिपोर्ट में एक और उपयोगी विशेषता है। पृष्ठों और नियंत्रणों के लिए प्रदर्शन आँकड़े देखें। आंकड़े देखने के लिए, पार्सिंग लिंक पर क्लिक करें।



इस दृश्य में, यह सबॉप्टीमल नियंत्रण और घटकों को देखने के लिए सुविधाजनक है।

वैसे, यह प्रदर्शन और निदान हब की सभी विशेषताएं नहीं हैं, लेकिन मुख्य और सबसे अधिक लागू और उपयोगी है।

निष्कर्ष

इस लेख में, हमने VisualStudio 2013 में विंडोज स्टोर अनुप्रयोगों के प्रदर्शन की रूपरेखा और विश्लेषण की क्षमताओं पर ध्यान केंद्रित किया, जैसे:

• CPU उपयोग।
• बिजली की खपत।
• यूआई प्रदर्शन।

मुझे आशा है कि यह जानकारी आपको एक दूसरे को जानने में मदद करती है और अपने विंडोज स्टोर अनुप्रयोगों के प्रदर्शन को बेहतर बनाने के लिए विज़ुअलस्टडियो 2013 की क्षमताओं का उपयोग करना शुरू करती है।

उपयोगी सामग्री

चैनल 9: प्रदर्शन और निदान हब
2013 बनाएँ: विजुअल स्टूडियो 2013 के साथ जावास्क्रिप्ट विंडोज स्टोर एप्स में समस्याओं का निदान
2013 का निर्माण: जावास्क्रिप्ट प्रदर्शन उपकरण के साथ उच्च प्रदर्शन वेबसाइटों और आधुनिक ऐप्स का विकास करना
बिल्ड 2013: विजुअल स्टूडियो 2013 डायग्नोस्टिक्स टूल्स फॉर एक्सएएमएल-बेस्ड विंडोज स्टोर एप्स
MSDN: दूरस्थ डिवाइस पर दूरस्थ रूपरेखा कॉन्फ़िगर करें