Panorama-tab-groups: टैब समूह स्विच करना धीमा और वास्तव में संसाधन गहन है

🤔 मुझे बहुत सारे समूहों के साथ थोड़ा धीमा स्विचिंग का अनुभव हुआ।

क्या आप हमें कुछ नंबर बताएंगे, कृपया?

आपके पास कितने समूह/टैब हैं?
आप संसाधन तीव्रता को कैसे मापते हैं?

मेरे पास दो समूह हैं, एक 219 टैब के साथ, दूसरा छह के साथ।

मेरे सिस्टम पर पंखे घूमने लगते हैं और अगर मैं रीडर मोड के माध्यम से ऑडियो चला रहा हूं। ऑडियो रुक जाता है और हकलाने लगता है।

सिस्टम: नाइटली, फेडोरा 29, Intel® Core™ i7-4710HQ CPU @ 2.50GHz × 8, GeForce GTX 860M/PCIe/SSE2।

मैं कोड से देखता हूं कि जब भी टैब समूह दृश्य पर स्विच किया जाता है तो पृष्ठ को फिर से लोड किया जाता है। जब visibilitychange घटना ट्रिगर होती है क्योंकि दस्तावेज़ दिखाई दे रहा है ( document.hidden === false ) यह प्रत्येक टैब के लिए captureThumbnails कॉल करता है, फिर यह पृष्ठ को पुनः लोड करता है और फिर यह captureThumbnails कॉल करता है फिर व। यह सत्र में थंबनेल संग्रहीत करता है, लेकिन यह उन्हें कभी लोड नहीं करता है। इसलिए, यहां सुधार की गुंजाइश है:

• पृष्ठ को हर बार दिखाए जाने पर पुनः लोड न करें
• पृष्ठ को पुनः लोड करने से ठीक पहले थंबनेल कैप्चर न करें
• फिर से कैप्चर करने के बजाय सत्र से लुकअप थंबनेल (या यदि इसकी आवश्यकता नहीं है, तो सत्र में सहेजें नहीं)

अगर आप चाहें तो मैं इन्हें देख सकता हूं

ये तो बहुत बढ़िया होगा! इस पर गौर करने के लिए धन्यवाद :) मैं अभी भी शनिवार शाम पीएसटी तक छुट्टियों पर हूं इसलिए मैं आप लोगों द्वारा किए जा रहे सभी कामों की सराहना करता हूं!

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

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

कुछ अन्य चीजें जिनके बारे में मैं सोच सकता था: पिछले दृश्य के बाद से खोले गए टैब की संख्या। यदि यह वही है, तो बस टैब पुनः लोड न करें। यदि नए टैब हैं, तो संभावित रूप से केवल उन थंबनेल को लोड करने और शेष को कैश से खींचने का कोई तरीका हो सकता है? कल के बारे में कुछ सोचना

इसलिए मुझे लगता है कि मुझे इसके बड़े स्रोत (इनमें से एक) मिल गए होंगे (कम से कम जब पैनोरमा दृश्य पर स्विच नहीं किया जा रहा हो। यह कीड़े का अपना स्वयं का कैन है)।

ऐसा लगता है कि browser.tabs.onUpdated श्रोता वास्तव में घटनाओं की एक विस्तृत श्रृंखला को सुनता है, जिनमें से केवल कुछ ही वास्तव में पैनोरमा दृश्य को अद्यतित रखने के लिए महत्वपूर्ण हैं। ध्यान दें, यदि आप कोई फ़िल्टर सेट नहीं करते हैं, तो यह हर बार किसी एक टैब के छिपे या छुपाए जाने पर सक्रिय हो जाएगा, जो कि ऐसा कुछ है जो हर बार समूह स्विच करने पर कई बार होता है। कुछ कम प्रासंगिक घटनाओं को छानने से लगता है कि चीजों को काफी तेजी से बढ़ाया जा सकता है।

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