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