2009-10-28 37 views
62

मैं सिर्फ मोज़िला फ़ायरफ़ॉक्स के लिए "Yslow" प्लगइन का उपयोग कर रहा था, और उसने मुझे बताया कि मुझे नीचे जावास्क्रिप्ट रखना चाहिए। मैंने पहले यह सुना है लेकिन वास्तव में इसके बारे में बहुत कुछ नहीं सोचा है। क्या शीर्ष पर तुलना में वेब पेज के नीचे जावास्क्रिप्ट डालने में वास्तव में एक फायदा है?वेब पेज के नीचे/शीर्ष पर जावास्क्रिप्ट?

+2

आप इस पर स्रोत के लिए सही हो सकते हैं ... http: //developer.yahoo.com/performance/rules.html इस अभ्यास का याहू स्पष्टीकरण है। –

+0

क्या जावास्क्रिप्ट एक अलग फ़ाइल में है या नहीं? मैं इस तरह से पसंद करता हूं, बस इसलिए कि डीबग/पढ़ना आसान है। क्या यह तेजी से धीमा/धीमा है? –

+1

क्या ये याहू प्रदर्शन नियम अभी भी अद्यतित हैं? मैं कल्पना करने के लिए कि किसी को नियमों का एक इसी तरह पूरा सेट प्रकाशित किया है (या याहू संभवतः एक अद्यतन प्रकाशित किया है) कि है कि पिछले चार साल में हुआ है आने वाले परिवर्तनों पर लगता है। – kralco626

उत्तर

47

यह वेब पेज को जावास्क्रिप्ट को निष्पादित करने से पहले स्पष्ट रूप से लोड करने की अनुमति देगा, जो Google Analytics जैसी चीजों के लिए समझ में आता है, जिसे पेज लोड से पहले होने की आवश्यकता नहीं है।

आप jQuery, प्रोटोटाइप इत्यादि जैसी चीजों को भी देखना चाहते हैं और "तैयार" हैंडलर से संलग्न हो सकते हैं, जो डोम पूरी तरह से लोड होने के बाद जावास्क्रिप्ट कोड निष्पादित करता है, जो कि अधिक जावास्क्रिप्ट कोड के लिए उपयुक्त स्थान है।

+0

क्या इसका मतलब यह है कि आमतौर पर टैग के भीतर जावास्क्रिप्ट टैग के बाद पृष्ठ में कहीं भी हो सकता है? – user

+1

हां,

2

हाँ, पृष्ठ की सामग्री लोड कर देगा और लदान और क्रियान्वित करने से पहले यह जावास्क्रिप्ट प्रस्तुत करना, और पृष्ठ, एक परिणाम के रूप, तेजी से लोड होगा।

42

मान लें कि आप एक सीडीएन पर नहीं चल रहे हैं या एक अलग उप-डोमेन या सर्वर से अपने जेएस की सेवा नहीं कर रहे हैं, यह सिंक्रनाइज़ लोड हो जाएगा और आपकी HTML सामग्री को फ़ाइलों को डाउनलोड करने तक प्रतीक्षा करने के लिए मजबूर कर देगा। </body> टैग बंद करने से पहले अपने पृष्ठ के निचले हिस्से में जेएस रखकर, आप जावास्क्रिप्ट को लोड करने से पहले HTML को पार्स करने की अनुमति दे रहे हैं। यह तेजी से पृष्ठ लोड समय का प्रभाव देता है।

4

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

4

मैं इस विषय से अद्यतन लाना चाहते हैं, गूगल ने हाल ही में शुरू की है async http://support.google.com/analytics/bin/answer.py?hl=en&answer=1008080&rd=1 जो आपकी साइट जैसे लाने के लिए जोड़ा जा सकता है कतरना गूगल सांख्यिकी समर्थन। इसे सर्वोत्तम प्रदर्शन के लिए <head> अनुभाग के नीचे रखा जाना चाहिए। मुद्दा यह है कि इससे पृष्ठ छोड़ने से पहले बीकन को ट्रैक करने की संभावना बढ़ जाती है।

यह भी वहाँ स्थित होना चाहिए अगर आप अपने Google विश्लेषण का उपयोग Google वेबमास्टर टूल में अपनी साइट को सत्यापित करना चाहते हैं। पेज के "तेज" लोड करने के लिए तल पर जावास्क्रिप्ट -

उसके अलावा, एक ही नियम अब भी मूल रूप से लागू होता है। मैं उद्धरण का इस्तेमाल किया क्योंकि मैं जब तक जावास्क्रिप्ट खत्म ;-)

0

यह सब डोम तत्वों को पूर्णतः जावास्क्रिप्ट जो उन्हें संबोधित करते हैं लोड करने से पहले लोड करने के लिए अनुमति देता है पेज को पूरा भरा गिनती नहीं है। यह मानक विजुअल स्टूडियो का भी हिस्सा है। क्योंकि स्क्रिप्ट संकलन प्रदर्शन को धीमा कर देती

0

तत्व के तल पर स्क्रिप्ट रखने, प्रदर्शन की गति में सुधार।

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