2011-09-17 16 views
13

प्रत्येक बार थोड़ी देर में मैं <head> तत्व के बजाय HTML दस्तावेज़ में बाद में HTML <script> टैग रखने के बारे में सुनता हूं।एचटीएमएल स्क्रिप्ट टैग प्लेसमेंट?

कुछ लोग, या तो मैंने सुना है, यहां तक ​​कि </body> से पहले पिछले कुछ टैग के रूप में किसी की स्क्रिप्ट को रखने का समर्थन भी किया है।

क्या यह प्रदर्शन समस्या के कारण है? शायद एक अवरुद्ध आईओ आपरेशन एक स्क्रिप्ट अप लोड कर रहा है, कि स्क्रिप्ट पर निर्भर स्क्रिप्ट पर विचार तो जैसे अन्य लिपियों के बाद रखा जाता है:

<script src="jQuery.js"></script> 
<script src="myScriptThatUsesjQuery.js"></script> 

कि यहां तक ​​कि अगर ऐसा है, तो क्यों किसी के स्क्रिप्ट HTML दस्तावेज़ के अंत के पास रखने से होगा मदद?

धन्यवाद!

+1

संभावित डुप्लिकेट [HTML मार्कअप में

4

खैर, <script></body> से पहले शामिल किया जाना चाहिए और जैसा कि आप कहते हैं कि <script src="jQuery.js"></script>, <script src="myScriptThatUsesjQuery.js"></script> से पहले शामिल किया जाना है क्योंकि jQuery.js भार सभी कार्यों कि myScriptThatUsesjQuery.js द्वारा उपयोग किया जाता है, तो आप एक समारोह उपयोग नहीं कर सकते (उदाहरण के लिए $()) इसे घोषित करने से पहले।

0

आपके हेड टैग में बहुत सी स्क्रिप्ट फाइलें साइट प्रदर्शन को धीमा करती हैं क्योंकि HTTP spec ब्राउज़र को सलाह देता है कि समानांतर में किसी भी मेजबान से 2 से अधिक फ़ाइलों को डाउनलोड न करें। तो यदि आपके पास साइट की स्क्रिप्ट फ़ोल्डर से आधे दर्जन या उससे अधिक .js फ़ाइलों को लोड किया जा रहा है, तो ब्राउजर सूची 2x2 के माध्यम से आपकी साइट (छवियों/सीएसएस इत्यादि) पर अन्य संसाधनों को लोड करने जा रहा है। यह मूल रूप से एक बाधा उत्पन्न करता है।

मुझे लगता है कि कुछ आधुनिक ब्राउज़रों के पास इस समस्या के लिए कामकाज है, लेकिन जब तक दुनिया आईई 6/7 पर नहीं आती है, तो शायद अनुकूलन के पक्ष में गलती करना बेहतर होता है।

संबंधित मुद्दे