क्रोम टाइमलाइन फ़्रेम को इतना खाली सफेद स्थान

Question

का कारण बनता है कभी-कभी जब मैं Google क्रोम में तत्व का निरीक्षण करता हूं तो मुझे लगता है कि मेरे पास कुछ बड़े फ्रेम हैं, लेकिन वे सफेद स्थान से भरे हुए हैं। किसी को पता है कि अक्सर खाली जगह की इतनी बड़ी मात्रा का कारण बनता है? मैंने टाइमर को फ्रेम की लंबाई बढ़ाने के साथ मुद्दों का कारण देखा है लेकिन नीचे दिए गए उदाहरण में मुझे यकीन नहीं है कि एक फ्रेम इतना बड़ा क्यों होगा।

इन

Answer 1

यह here प्रलेखित है कम से कम कुछ मदद प्यार करता हूँ, 'इसके बारे में स्पष्ट या हल्के भूरे रंग के फ्रेम' अनुभाग देखा जा सकेगा। प्रश्न में 'साफ़ फ्रेम' का वर्णन

प्रदर्शन रीफ्रेश चक्रों के बीच निष्क्रिय समय के रूप में वर्णित है।

this video के अनुसार, स्पष्ट बार ब्राउज़र को एक CPU या GPU के लिए प्रतीक्षा करने का संकेत देता है। 'मानक' वेबसाइट पर काम करते समय डेवलपर इसे ठीक करने के लिए कुछ भी नहीं कर सकता है।

Answer 2

मैं कुछ रोचक संबंध पाया और मैं आशा है कि यह किसी के लिए समय की बचत करेंगे

1. सबसे महत्वपूर्ण है (मैं बाहर आंकड़ा यह सब से पहले समय की बहुत खर्च) - Chrome DevTools एक बहुत खर्च। एक मतलब बहुत छोटा है, भले ही यह इसके बारे में कुछ भी नहीं कहता है। उदाहरण के लिए:
2. प्रदर्शन मॉनिटर में "स्क्रीनशॉट" मेरे मामले में 16ms से 66ms तक फ़्रेमटाइम बढ़ाता है और इसे समयरेखा में खाली स्थान के साथ भरता है - without screenshots और with screenshots। (अब मैं स्क्रीनशॉट के साथ जीपीयू पर लंबे परिचालन देखता हूं, लेकिन वास्तव में विशेष ऑपरेशन के बारे में कोई जानकारी नहीं है)
3. "पेंट फ्लैशिंग" या "एफपीएस मीटर" जैसे "प्रतिपादन" टूल में चीजें चित्रकला संचालन के समय में काफी वृद्धि करती हैं। बस यह सुनिश्चित कर लें कि आपने प्रदर्शन का विश्लेषण करने से पहले यह सब अक्षम कर दिया है!
4. "अजीब चीजें" (टाइमलाइन पर ग्रे रंग) के साथ बहुत अजीब चीजें होती हैं। ऐसा लगता है कि devtools लागत खुद ही हो, लेकिन कभी-कभी यह कई गणनाओं के साथ यादृच्छिक रूप से लगभग शून्य हो सकता है या 100% वाइल निष्क्रिय पर हो सकता है। मेरी सलाह - नए क्रोम संस्करणों में नया "प्रदर्शन मॉनीटर" टूल है (सरल नहीं "प्रदर्शन")। इसे टॉगल करना और "सीपीयू उपयोग" टाइमलाइन पर नजर रखना बेहतर है। यदि आप ग्रे वक्र के अप्रत्याशित व्यवहार को देखते हैं तो पेज या पूरे क्रोम को फिर से लोड करें - यह आपके लिए बहुत समय बचा सकता है।
5. कुछ एक्सटेंशन टाइमलाइन पर यादृच्छिक प्रभाव डाल सकते हैं। इसे भी अक्षम करना बेहतर है।
6. वास्तव में उपकरण या एक्सटेंशन में कोई भी चीज़ आपके माप को बर्बाद कर सकती है। इसके बारे में सब से पहले बंद टॉगल होने लगते हैं कोड, डोम, या शैलियों में मुद्दों की तलाश