मैं अपनी स्क्रिप्ट पर कुछ async
विशेषताओं को डालकर अपने पृष्ठों को अनुकूलित करने का प्रयास करता हूं। ऐसा लगता है कि सभी स्क्रिप्ट लोड होने से पहले $(document).ready
निष्पादित होने के बाद से मेरी जावास्क्रिप्ट तोड़ दी गई है!Async और दस्तावेज़ तैयार
मैंने देखा कि $(document).ready
के बजाय $(window).load
डालकर मैं अपनी समस्या का समाधान कर सकता हूं लेकिन मैं सोच रहा था कि कोई बेहतर समाधान है या नहीं। मेरे मामले में यह समाधान ट्रिगर 2 समस्याओं:
- मैं सभी
$(document).ready
बदल सकते हैं और सभी developpers बता इसे अब और का उपयोग नहीं करने के लिए - के बाद सभी छवियों को लोड किए गए हैं स्क्रिप्ट निष्पादित किया जाएगा करने के लिए है। मेरी वेबसाइट में बहुत सारी भारी छवियां हैं और मुझे वास्तव में डोम तैयार होने के बाद ASAP निष्पादित करने के लिए कुछ स्क्रिप्ट की आवश्यकता है।
क्या आपके पास कुछ जादू की चाल है? शायद अंत में सभी स्क्रिप्ट डालने? async
के बजाय defer
का उपयोग करें?
यह डीओएम में उन्हें डालने से निष्पादन की पूर्ण गारंटी नहीं देता है। यदि आपको ब्राउज़र के लिए बहुत अधिक जावास्क्रिप्ट और/या HTML मिल गया है, तो आपको इसके लिए requjs या किसी अन्य सिस्टम लोडर की आवश्यकता है। मैंने डिज़ाइन देखा जो केवल संपीड़ित जावास्क्रिप्ट के साथ काम करता था, क्योंकि यह बहुत अधिक था। पृष्ठ को स्क्रॉल करते समय यह प्रभाव के साथ बूटस्ट्रैप 3.x respsonsive विषय था। – alpham8