मेरे पास जावास्क्रिप्ट है जो पूरी गणना करता है और साथ ही डीओएम से मूल्यों को पढ़/लिखता है। पृष्ठ बहुत बड़ा है, इसलिए यह 100% CPU उपयोग के साथ ब्राउज़र को एक मिनट तक (कभी-कभी लंबे समय तक IE) तक लॉक कर देता है।ब्राउजर को लॉक करने से लंबे समय तक चलने वाले जावास्क्रिप्ट को रोकें
क्या ऐसा होने से रोकने के लिए जावास्क्रिप्ट को अनुकूलित करने पर कोई संसाधन है (मुझे लगता है कि फ़ायरफ़ॉक्स की लंबी चल रही स्क्रिप्ट चेतावनी को बंद करना है)?
यदि आप अपनी गणना एल्गोरिदम को किसी चीज में बदल सकते हैं जिसे इसे सामान्य रूप से कहा जा सकता है, तो आप कम समय के साथ setTimeout का उपयोग करके ब्राउज़र को लगातार अंतराल पर नियंत्रण जारी कर सकते हैं।
उदाहरण के लिए, कुछ इस तरह ...
function doCalculation()
{
//do your thing for a short time
//figure out how complete you are
var percent_complete=....
return percent_complete;
}
function pump()
{
var percent_complete=doCalculation();
//maybe update a progress meter here!
//carry on pumping?
if (percent_complete<100)
{
setTimeout(pump, 50);
}
}
//start the calculation
pump();
आप थ्रेड में लंबी चल रही गणना करने का प्रयास कर सकते हैं (JavaScript and Threads देखें), हालांकि वे बहुत पोर्टेबल नहीं हैं।
आप प्रदर्शन बाधाओं को खोजने के लिए कुछ जावास्क्रिप्ट प्रोफाइलर का उपयोग करने का भी प्रयास कर सकते हैं। Firebug प्रोफाइलिंग जावास्क्रिप्ट का समर्थन करता है।
टाइमआउट का उपयोग करें।
अपने लूप की सामग्री को अलग-अलग कार्यों में डालकर, और सेटटाइमआउट() से उन्हें 50 या उससे अधिक समय के साथ कॉल करके, जावास्क्रिप्ट धागे का नियंत्रण प्राप्त करेगा और कुछ समय बाद वापस आ जाएगा एक देखने के लिए यूआई।
एक अच्छी कार्यप्रणाली here है।
मैं in-browser performance के बारे में कुछ समय पहले भी ब्लॉग की थी, लेकिन मुझे यहाँ आप के लिए डोम से संबंधित लोगों को संक्षेप में दोहराएँ।
तो फिर वहाँ स्वयं JavaScript को कुछ संबंधित हैं: संभव के रूप में
मेरे ब्लॉग (ऊपर लिंक) पर कुछ और है।
यह अभी भी थोड़ा खून बह रहा है, लेकिन फ़ायरफ़ॉक्स 3.5 में इन चीजों को वेब वर्कर्स कहा जाता है, हालांकि मुझे अन्य ब्राउज़रों में उनके समर्थन के बारे में निश्चित नहीं है। जब कार्यकर्ता धागे कर रहे हैं http://ejohn.org/blog/web-workers/
और Simulated Annealing शायद, इसके बारे में सबसे सरल उदाहरण है अगर आप कताई फ़ायरफ़ॉक्स लोगो पर ध्यान देंगे अप जमता नहीं,:
श्री Resig यहां उन पर एक लेख है उनके अनुरोध (इस प्रकार ब्राउज़र को जमा नहीं कर रहे हैं)।
वेब श्रमिकों का जवाब यहां क्यों नहीं है? –
खैर मैंने इसका उत्तर 9 0 में दिया था, तो शायद यह व्यापक रूप से उपयोग नहीं किया गया था ... – leeand00
अच्छा बिंदु, ठीक है, यह निश्चित रूप से अब शीर्ष पर होना चाहिए। सेटटाइमआउट का उपयोग करना मुझे हैकी लगता है, इससे कोई फर्क नहीं पड़ता कि आप क्या कर रहे हैं जब तक कि आपको वास्तव में किसी चीज़ के लिए टाइमआउट की आवश्यकता न हो। यदि आप अभी क्रोम विंडोज पर codepen.io पर जाते हैं और जटिलता ओ (एन!) कहने के साथ एक एल्गोरिदम करते हैं जैसे स्ट्रिंग "एबीसीडीएफजीएचजेजेकेएलएमएनओपी" के सभी क्रमपरिवर्तनों को ढूंढना, आपका ब्राउज़र लॉक हो जाएगा और उत्तरदायी नहीं होगा। एक कार्यकर्ता थ्रेड में यूआई अपने आप चल रहा है। यह स्पष्ट रूप से सही जवाब है। –
मेरा अनुभव यह है कि विशेष रूप से आईई में डीओएम हेरफेर, "कोर" जावास्क्रिप्ट (लूपिंग इत्यादि) से प्रदर्शन के लिए एक मुद्दा है।
यदि आप नोड्स बना रहे हैं, तो आईई में ऐसा करने के लिए आईई में बहुत तेज है और एचटीएमएल स्ट्रिंग बनाकर और कंटेनर पर आंतरिक HTML को बनाना, जैसे createElement/appendChild।
आप
$(xmlDoc).find("Object").each(function(arg1) {
(function(arg1_received) {
setTimeout(function(arg1_received_reached) {
//your stuff with the arg1_received_reached goes here
}(arg1_received), 0)
})(arg1)
}(this));
द्वारा या के लिए कोड को छोटा छोरों "के लिए"
for (var i = 0 ; i < 10000 ; i = i + 1) {
(function(arg1_received) {
setTimeout(function(arg1_received_reached) {
//your stuff with the arg1_received_reached goes here
}(arg1_received), 0)
})(arg1_to_send)
}
मैं एक ही समस्या थी और मेरे ग्राहकों के रूप में "मार पेज" त्रुटि इस रिपोर्टिंग कर रहा था की कोशिश की कोशिश कर सकते। लेकिन अब मैं juz उस के लिए एक अच्छा समाधान मिला है। :)
क्या आप जानते हैं कि यह अभी भी काम करेगा यदि आप 'सेटटाइमआउट (पंप, 0)' का उपयोग करते हैं? या क्या यह संभवतः ब्राउज़र इनपुट को पूर्व-खाली कर देगा जो माउस इनपुट का जवाब देता है, प्रगति मीटर या अन्य डीओएम तत्व अपडेट करता है? – Andy
@ एंडी हां 'सेटटाइमआउट' 0 के साथ भी मदद करेगा। [इस प्रश्न] के कुछ जवाब देखें (https://stackoverflow.com/questions/779379/why-is-settimeoutfn-0- कभी-कभी- उपयोगी)। – ShreevatsaR