दस्तावेज के शीर्ष के विपरीत जेएस लोड करने के लाभ

Question

शीर्ष के विपरीत, दस्तावेज़ के निचले हिस्से में अपना जेएस लोड करने के लिए वास्तविक लाभ (यदि कोई हैं) क्या हैं। ऐसा लगता है कि पृष्ठ लोडिंग और जेएस निर्भर कार्यक्षमता में एक संक्षिप्त देरी है।

मैं अपने सभी टेम्पलेट्स शुरू करने के लिए html5boilerplate का उपयोग कर रहा हूं, लेकिन मुझे वास्तव में यह सुनिश्चित नहीं है कि नीचे जेएस को कितना फायदेमंद लोड करना है।

क्या यह वास्तव में इतना अंतर बनाता है, और यदि ऐसा है, तो क्यों?

Answer 1

1. आप अपने पृष्ठ के तल पर बाहरी जे एस फ़ाइलें शामिल हैं, तो आप उस के बजाय ग्राहक के लिए प्रस्तुत किया जाएगा दृश्य प्रदर्शन करने के लिए अपने HTTP अनुरोधों की प्राथमिकता देते हैं बातचीत या गतिशीलता का तर्क। मेरा मानना ​​है कि, यदि आप क्लाइंट को छवियां वितरित करने के लिए सामग्री वितरण नेटवर्क का उपयोग नहीं करते हैं तो आपको केवल एक समय में अधिकतम 2 HTTP अनुरोधों को संसाधित करने की अनुमति है। आप इन अनुरोधों को तर्क पर बर्बाद नहीं करना चाहते हैं क्योंकि हम सभी जानते हैं कि अंतिम उपयोगकर्ता कितना अधीर है।

2. फ़ाइल के अंत में जेएस लोड करके आप दस्तावेज़ (पहले) को कॉल करने के बिना डीओएम (अधिकांश समय) तक पहुंच सकते हैं। आप जानते हैं कि यदि पृष्ठ अंत में प्रस्तुत करता है तो यह आपके जावास्क्रिप्ट कोड को बनाता है कि आवश्यक पृष्ठ तत्व आमतौर पर पहले ही लोड हो चुके हैं।

वहाँ बाहर कुछ और कारण हैं, लेकिन इन महत्वपूर्ण होते है कि मुझे याद है जब यह इतना नीचे सभी js जगह अजीब लगता है की कोशिश कर रहे हैं।

Answer 2

जेएस में क्या है इसके आधार पर। यदि केवल पृष्ठ को लोड करना है, तो पृष्ठ को या तो jquery's: $(function(){}) द्वारा अपने कोड को घेरे हुए हैं या इसे पृष्ठ के नीचे

Answer 3

एक Google खोज बड़ी संख्या में परिणाम लौटाएगी कि आप ऐसा क्यों करना चाहते हैं तो और आप क्या सुधार देखेंगे। इन निम्नलिखित लिंक में से कुछ की जाँच करें:

• High Performance Web Sites: Rule 6 - Move Scripts to the Bottom
• Rails Best Practices: Scripts at Bottom

असल में, ऐसा करने के लिए मुख्य कारण यह है कि आप अपने पृष्ठ के समय प्रस्तुत करना बेहतर होगा। पहले लेख से:

[I] टी से स्क्रिप्ट को जितना संभव हो उतना कम से कम स्थानांतरित करने के लिए बेहतर है। एक कारण प्रगतिशील प्रतिपादन को सक्षम करना है, लेकिन दूसरा अधिक डाउनलोड समांतरता प्राप्त करना है।

Answer 4

जैसे स्क्रिप्ट्स को संदर्भित किया जा रहा है, ब्राउज़र आमतौर पर समानांतर में अन्य फ़ाइलों को डाउनलोड नहीं करेंगे, इस प्रकार पृष्ठ लोड को धीमा कर देंगे।

देखें: Best Practices for Speeding Up Your Web Site