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

अतुल्यकालिक

मी बर्‍याच विकास करत असताना, मी स्वत: ला खरा विकासक म्हणून वर्गीकृत करत नाही. मी प्रोग्रामवर आणि एका पृष्ठावर सामग्री फिरवू आणि कार्य करू देतो. एक खरा विकासक कोड विकसित कसा करावा हे समजते जेणेकरून ते मोजले जाऊ शकेल, बर्‍याच स्रोतांचा वापर करू नये, द्रुतपणे लोड होऊ शकेल, नंतर सहजपणे सुधारित केले जाईल आणि तरीही कार्य केले जाऊ शकते.

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

हे सिंक्रोनस लोडिंग म्हणून ओळखले जाते. आपल्याला एक घटक लोड करणे समाप्त करावे लागेल आधी आपण पुढील घटक लोड करा. आपण समकक्षपणे आयटम लोड करण्यास सक्षम असल्यास, आपण एकमेकांवर अवलंबून न राहता आयटम लोड करण्यास सक्षम आहात. आपण अविशिष्टपणे घटक लोड करून आपल्या साइटची गती तीव्रतेने सुधारू शकता. समस्या अशी आहे की या कंपन्यांनी आपल्याला पुरविलेल्या आउट ऑफ द बॉक्स स्क्रिप्ट्स कधीही एसिन्क्रोनस चालवण्यास अनुकूलित केले जात नाही.
अतुल्यकालिक

पिंग्डमवर चाचणी घेऊन आपल्या पृष्ठाच्या गतीवर काय परिणाम होतो हे आपण पाहू शकता:
पिंग्डॉम पृष्ठ लोड

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

Emil Stenström कडून हे योग्यरितीने कसे करावे याचा एक झलक येथे आहे:

(फंक्शन () as फंक्शन async_load () s var s = दस्तऐवज /script.js '; var x = कागदपत्र. अन्य विंडो.एड्डएव्हेंटलिस्टनर ('लोड', एसिंक_लोड, खोटे);}) ();

या तृतीय पक्षाची समाकलितता कमी होत असल्यास किंवा धीमेपणाने चालत असल्यास त्याचा परिणाम असा होतो की तो आपल्या मूळ पृष्ठावरील सामग्रीवर कधीही दिसणार नाही. आपण आमच्या पृष्ठाचा स्त्रोत पाहिला तर आपण आपल्यास या तंत्रज्ञानाचा वापर करून अतिरिक्त सर्व सामाजिक स्क्रिप्ट लोड करीत असल्याचे दिसेल. प्रक्रिया आमच्या साइटची गती सेकंद सुधारली - आणि लोडिंग दरम्यान घुटमळत नाही. आम्ही आमच्या सर्व बाह्य अवलंबनांमध्ये रुपांतरित केले नाही अतुल्यकालिक जावास्क्रिप्ट, पण आम्ही करू.

तुला काय वाटत?

ही साइट स्पॅम कमी करण्यासाठी अकिस्मेट वापरते आपल्या टिप्पणी डेटावर प्रक्रिया कशी केली जाते ते जाणून घ्या.