रपत - यह पेज देखने के लिए javascript सक्षम की जानी चाहिए




पृष्ठ के नीचे जावास्क्रिप्ट? (3)

जकाओ लोड सिंक्रोनस रूप से जोड़ी आम तौर पर बड़ी फ़ाइल आकार के साथ, और आपके पास सामग्री है जो तुल्यकालिक जावास्क्रिप्ट लोडिंग के कारण लदान में देरी हो रही है। यदि आप पेज के निचले भाग में जावा कूट डालते हैं, तो बाकी सब कुछ पहले लोड होता है और जावास्क्रिप्ट लोडिंग कुछ भी ब्लॉक नहीं कर सकती है।

मैंने पढ़ा है कि वेबपृष्ठ के निचले भाग में अपनी सभी जावास्क्रिप्ट फाइलों को रखना बेहतर है। एचटीएमएल 5 बॉयलरप्लेट टेम्पलेट सहमत है: http://html5boilerplate.com/

और व्यापक रूप से प्रयुक्त होने लगता है

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


असल में, जब ब्राउज़र एक <script> टैग को हिट करता है, तो वह बाकी दस्तावेज़ लोड होने तक रोक देता है जब तक कि <script> लोड किया जाता है और निष्पादित नहीं किया जाता है।


सर्वोत्तम अभ्यास कारणों के लिए यह बहुत महत्वपूर्ण है

जब आपके पास आपके शीर्षलेख में लिपियों को लोड हो रहा है, तो वे अन्य डाउनलोड होने से रोकते हैं! इसमें आपके स्टाइल शामिल हैं, और स्क्रिप्ट के पूरा होने तक डाउनलोड करने से आपकी छवियों को भी रोक देंगे।

इसका कारण यह है कि जावास्क्रिप्ट फाइल सिंक्रोनस रूप से लोड होती है।

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

यहां याहू प्रदर्शन नियम 6 से एक उद्धरण है

स्क्रिप्ट के कारण दूसरी समस्या समानांतर डाउनलोडों को अवरुद्ध कर रही है। HTTP / 1.1 विनिर्देश बताता है कि ब्राउज़र प्रति मेजबाननाम प्रति समानांतर में दो से अधिक घटकों को डाउनलोड नहीं करते हैं। यदि आप अपने चित्रों को कई होस्टनामों से सेवा देते हैं, तो आप समानांतर में होने वाले दो से अधिक डाउनलोड प्राप्त कर सकते हैं। (मैंने समानांतर में 100 से अधिक चित्र डाउनलोड करने के लिए इंटरनेट एक्सप्लोरर प्राप्त किया है।) जबकि एक स्क्रिप्ट डाउनलोड हो रही है, हालांकि, ब्राउज़र किसी भी अन्य डाउनलोड प्रारंभ नहीं करेगा, यहां तक ​​कि विभिन्न मेजबाननामों पर भी।

संदर्भ

http://developer.yahoo.com/performance/rules.html/

खासकर नियम 6






html5boilerplate