साइट की गति और अतुल्यकालिक जावास्क्रिप्ट

अतुल्यकालिक

जबकि मैं बहुत विकास करता हूं, मैं खुद को एक सच्चे डेवलपर के रूप में वर्गीकृत नहीं करता। मैं एक पृष्ठ पर सामान को प्रोग्राम और स्थानांतरित कर सकता हूं और इसे काम कर सकता हूं। एक सच्चा डेवलपर समझता है कि कोड को कैसे विकसित किया जाए ताकि इसे बढ़ाया जा सके, बहुत सारे संसाधन न लें, जल्दी से लोड करें, बाद में आसानी से संशोधित किया जा सके और फिर भी काम कर सके।

मार्केटर्स को जिस मुश्किल मौके पर रखा जाता है, वह दोनों में है बहुत तेज़ वेब साइट और अभी भी एकीकरण और सामाजिक तत्वों को शामिल करते हैं जो इस बात पर निर्भरता पैदा कर सकते हैं कि आपकी साइट कितनी जल्दी लोड होगी। ऐसा ही एक उदाहरण है सामाजिक बटन. मार्टेक पर, हमारे पास साइट के हर एक पेज पर सोशल बटन हैं। तो… अगर फेसबुक संसाधन एक दिन धीमी गति से लोड होते हैं, तो यह हमारी साइट को धीमा कर देता है। फिर उसमें Twitter, Pinterest, Buffer इत्यादि जोड़ें और आपकी साइट के तेजी से लोड होने की संभावना लगभग शून्य हो जाती है।

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

आप पीएसडीआई पर एक परीक्षण चलाकर देख सकते हैं कि आपके पृष्ठ की गति पर क्या प्रभाव पड़ रहा है:
पेज का पेज लोड

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

एमिल स्टेनस्ट्रॉम से इसे ठीक से कैसे करें इसका एक स्निपेट यहां दिया गया है:

फ़ंक्शन // वरना window.addEventListener ('लोड', async_load, false);}) ();

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

तुम्हें क्या लगता है?

यह साइट स्पैम को कम करने के लिए अकिस्मेट का उपयोग करती है। जानें कि आपका डेटा कैसे संसाधित किया जाता है.