ट्यूनिंग से पहले प्लेयर-दृश्यमान समस्या को मापें

एक छोटा प्रतिलिपि प्रस्तुत करने योग्य बेंचमार्क बनाएं

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

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

ब्राउज़र टाइमिंग का उपयोग साक्ष्य के रूप में करें, निर्णय के रूप में नहीं

Performance.now() स्थानीय माप के लिए एक उच्च-रिज़ॉल्यूशन टाइमस्टैम्प प्रदान करता है, और PerformanceObserver समर्थित प्रदर्शन प्रविष्टियों की रिपोर्ट कर सकता है। वैकल्पिक प्रविष्टि प्रकार पर भरोसा करने से पहले supportedEntryTypes की जांच करें; उदाहरण के लिए, लंबी-कार्य रिपोर्टिंग प्रत्येक ब्राउज़र में उपलब्ध नहीं है। पाया गया लंबा कार्य मुख्य-थ्रेड अवरोध की ओर इशारा करता है, लेकिन यह स्पष्ट नहीं करता है कि कोड की कौन सी पंक्ति या उत्पाद व्यवहार के कारण यह हुआ।

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

⁨ब्राउज़र गेम के प्रदर्शन को मापें⁩ से जुड़े सवाल