साइट गति र एसिन्क्रोनस जाभास्क्रिप्ट

अतुल्यकालिक

जब म धेरै विकास गर्दछु, म आफूलाई साँचो विकासकर्ताको रूपमा वर्गीकरण गर्दिन। म प्रोग्राम गर्न सक्दछु र सामानहरू पृष्ठमा चारै तिर सार्न सक्छ र यसलाई कार्य गर्न सक्छ। एक साँचो विकासकर्ताले कोड कसरी विकास गर्ने भनेर बुझ्दछन् ताकि यसलाई परिमाण गर्न सकिन्छ, धेरै स्रोतहरू लिदैन, छिटो लोड हुन्छ, सजिलै परिमार्जन हुन सक्छ र अझै पनि काम गर्दछ।

कठिन स्थान जुन मार्केटरहरूले राख्छन् त्यो दुबै सँग छ धेरै छिटो वेब साइट र अझै पनि एकीकरणहरू र सामाजिक तत्वहरू समावेश गर्दछ जुन तपाईंको साइटले कति चाँडो लोड हुन्छ भन्नेमा निर्भरता सिर्जना गर्दछ। त्यस्तै एउटा उदाहरण हो सामाजिक बटन। मार्टेकमा, हामीसँग साइटमा प्रत्येक पृष्ठमा सामाजिक बटनहरू छन्। त्यसोभए ... यदि फेसबुक संसाधनहरू एक दिन ढिलो लोड भयो भने, यसले हाम्रो साइटलाई ढिला बनाउँछ। त्यसोभए ट्विटर, पिन्टेरेस्ट, बफर, इत्यादि थप्नुहोस् र तपाईंको साइटको द्रुत लोड हुने सम्भावना वस्तुतः केही पनि कम भएन।

त्यो सिnch्क्रोनस लोडि as भनेर चिनिन्छ। तपाईंले एक तत्व लोड गर्न समाप्त गर्नु पर्दछ पहिले तपाईं अर्को तत्व लोड। यदि तपाईं असक्षमतापूर्वक वस्तुहरू लोड गर्न सक्षम हुनुहुन्छ भने, तपाईं एक अर्कोमा निर्भरता बिना आइटमहरू लोड गर्न सक्षम हुनुहुन्छ। तपाईले आफ्नो साइटको गतिलाई एसिन्क्रोनसियस लोड गरेर द्रुत गतिमा सुधार गर्न सक्नुहुन्छ। समस्या यो हो कि यी कम्पनीहरूले तपाईंलाई प्रदान गरेको आउट-अफ-द-बक्स स्क्रिप्टहरू एसिन्क्रोनस चलाउन लगभग कहिले पनि अनुकूलित हुँदैनन्।
अतुल्यकालिक

तपाइँ देख्न सक्नुहुन्छ कि तपाइँको पृष्ठ गतिलाई के प्रभाव पार्दै छ Pingdom मा परीक्षण चलाएर:
pingdom पृष्ठ लोड

एसिन्क्रोनस जाभास्क्रिप्ट तपाईंलाई कोड लेख्न अनुमति दिँदछ जुन एलिमेन्टहरू लोड गर्न भन्छ पछि पृष्ठ पूर्ण लोड भयो। निर्भरता छैन! त्यसोभए, तपाईंको पृष्ठ लोड हुन्छ र एकचोटि पूर्ण भएपछि, स्क्रिप्टले सुरु गर्दछ जुन अन्य तत्वहरू लोड गर्दछ - यस मामलामा हाम्रो सामाजिक बटनहरू। यदि तपाईं विकासकर्ता हुनुहुन्छ भने, तपाईं एक उत्कृष्ट लेख पढ्न सक्नुहुन्छ, आलस्य लोड हुँदै एसिन्क्रोनस जाभास्क्रिप्ट.

Emil Stenström बाट यसलाई कसरी गर्ने राम्रो तरिकाले यहाँ स्निपेट छ।

(प्रकार्य) (प्रकार as प्रकार्य async_load () s var s = कागजात। /script.js '; var x = دستاویز अन्य window.addEventListener ('लोड', async_load, गलत);}) ();

परिणाम यो छ कि यदि यी तेस्रो पार्टी एकीकरणहरू तल भइरहेको छ वा ढिलो चलेको छ भने, यसले तपाईंको मुख्य पृष्ठ सामग्रीलाई कहिले देखा पर्दैन। यदि तपाइँ हाम्रो पृष्ठको स्रोत हेर्नुहुन्छ भने, तपाइँले देख्नुहुनेछ कि म यस प्रविधिको प्रयोग गरेर सबै थप सामाजिक स्क्रिप्ट लोड गर्दैछु। प्रक्रिया हाम्रो साइटको गति सेकेन्डमा सुधार भयो - र लोड भइरहेको बेला निसासिदैन। हामीले हाम्रा सबै बाह्य निर्भरताहरूलाई रूपान्तरण गरेका छैनौं एसिन्क्रोनस जाभास्क्रिप्ट, तर हामी गर्नेछौं।

तिम्रो के बिचार छ?

यो साइट स्प्याम कम गर्न Akismet को उपयोग गर्दछ। जान्नुहोस् कि तपाईंको डेटा कसरी संसाधित छ.