लेख निर्देशिका
वेब पृष्ठ लोडिंग गती आपल्या प्रभावित करेलई-कॉमर्सशोध इंजिन मध्ये वेबसाइटएसइओरँकिंग.
वेब पेज प्रीलोडिंग म्हणजे काय?
प्रीफेच नावाचे एक तंत्र आहे जे प्रत्यक्षात प्रीलोड तंत्र आहे.
- जेव्हा वापरकर्ता जाणूनबुजून पृष्ठाला भेट देतो, तेव्हा ब्राउझर पृष्ठ प्रीलोड करतो.
- जेव्हा वापरकर्ता प्रत्यक्षात दुव्यावर क्लिक करतो, तेव्हा वापरकर्ता थेट प्रीलोड केलेल्या कॅशेमधून पृष्ठ सामग्री वाचतो आणि पृष्ठ लोड वेळ कमी करतो.
- Amazon आणि इतरांना असे आढळले आहे की 100-मिलीसेकंद विलंबता 1% विक्रीसाठी आहे, परंतु वेबवरील लेटन्सीवर मात करणे कठीण आहे.
वेबपृष्ठ प्रीफेच कराप्रीलोडिंगचा उपयोग काय आहे?
instant.page त्वरित प्रीलोडिंग वापरते - वापरकर्त्याने क्लिक करण्यापूर्वी ते पृष्ठ प्रीलोड करते ▼
- वापरकर्त्याने दुव्यावर क्लिक करण्यापूर्वी, ते दुव्यावर फिरतात.
- जेव्हा वापरकर्ता 65ms साठी फिरतो, तेव्हा त्यांना दुव्यावर क्लिक करण्याची संधी असते, त्यामुळे instant.page या टप्प्यावर प्रीलोड होण्यास सुरुवात होते, पृष्ठ प्रीलोड होण्यासाठी सरासरी 300ms पेक्षा जास्त.
- मोबाइल डिव्हाइसवर, वापरकर्ते रिलीझ करण्यापूर्वी त्यांच्या डिस्प्लेला स्पर्श करू लागतात, पृष्ठ प्रीलोड करण्यासाठी सरासरी 90ms घेतात.
प्रीफेच वेब पृष्ठे जलद लोड करते
- मानवी मेंदूला एखादी क्रिया त्वरित समजण्यासाठी 100 मिलिसेकंदांपेक्षा कमी वेळ लागतो.
- त्यामुळे, instant.page प्रीलोडिंग तंत्रज्ञान 3G वरही तुमची वेबसाइट त्वरित अनुभवू शकते (तुमच्या पृष्ठ प्रस्तुतीचा वेग वेगवान आहे असे गृहीत धरून).
वेब पेजेसचे धीमे लोडिंग कसे सोडवायचे?
पृष्ठे केवळ तेव्हाच प्रीलोड केली जातात जेव्हा वापरकर्ता त्यांना भेट देईल अशी उच्च संभाव्यता असते आणि ते वापरकर्त्याच्या आणि सर्व्हरच्या बँडविड्थ आणि CPU चा आदर करून केवळ त्या पृष्ठासाठी HTML प्रीलोड करते.
- तुमची पृष्ठे गुळगुळीत ठेवण्यासाठी ते निष्क्रिय इव्हेंट श्रोते वापरते.
- जेव्हा वापरकर्ता डेटा संरक्षण सक्षम करतो तेव्हा ते प्रीलोड केलेले नसते (आवृत्ती 1.2.2 नुसार).
- ते 1 kB आहे आणि सर्व काही नंतर लोड होते.हे विनामूल्य आणि मुक्त स्त्रोत (एमआयटी परवाना) आहे.
प्रीफेच वेबपेज प्रीलोडिंग instant.page चा प्रभाव काय आहे?
instant.page कोड जोडून चाचणी केल्यानंतर, वेबसाइट ऍक्सेस गतीमध्ये सुधारणा अजूनही तुलनेने मोठी आहे.
- डीफॉल्टनुसार ते फक्त या साइटच्या लिंक प्रीलोड करण्यासाठी फिल्टर करेल आणि इतर साइटवरील लिंक लोड करणार नाही.
- जेव्हा माउस डावीकडील लेखाच्या दुव्यावर 65ms पेक्षा जास्त काळ क्लिक करतो, तेव्हा नेटवर्क लेख पृष्ठ प्रीलोड करेल.
- 65ms पेक्षा कमी फिरत असताना, प्रीलोडिंग केले जात नाही (लाल भाग)▼
instant.page वापरल्याने तुमच्या साइटचे PV आणि विनंती व्हॉल्यूम लक्षणीयरीत्या वाढेल:
- एका मित्राने सांगितले की त्याच्या प्रत्येक भेटीची सरासरी संख्या 13.84 होती.
- वापर केल्यानंतर, दरडोई भेटींची संख्या 17.43 पर्यंत वाढली, जी प्रति व्यक्ती 4 अधिक पृष्ठे उघडण्याइतकी आहे.
टीपः
- हे लक्षात घेतले पाहिजे की सशुल्क CDN वापरणाऱ्या आणि पूर्ण-साइट CDN उघडणाऱ्या ब्लॉगर्सनी सावधगिरीने तसे केले पाहिजे.
- पण काळजी करू नका, प्रीलोड केल्याने फक्त html पृष्ठे लोड होतील, प्रतिमा आणि इतर फाईल्स होणार नाहीत, त्यामुळे रहदारीचे जास्त नुकसान होणार नाही.
वेब पेज प्रीलोडिंग तंत्रज्ञान कसे वापरावे?
खरं तर, html5 च्या लिंक टॅगमध्ये एक rel विशेषता आहे, त्यापैकी एक प्रीफेच आहे, परंतु ग्राहकांची संख्या कमी आहे.
या लेखात सादर केलेले instant.page ही एक स्क्रिप्ट आहे जी या तंत्राचा वापर करते.
- ही स्क्रिप्ट वापरकर्त्याने दुव्यावर किती वेळ माऊस केला आहे यावर आधारित न्याय करेल.
- जेव्हा ते 65ms पर्यंत पोहोचते, तेव्हा वापरकर्त्याला लिंक उघडण्याची अर्धी संधी असते आणि Instant.page हे पृष्ठ प्रीलोड करते.
वेब पृष्ठ प्रीलोड JS स्क्रिप्ट कोड
1) क्लाउडफ्लेअर प्रवेग ▼ सह अधिकृतपणे JS स्क्रिप्ट प्रदान करा
instant.page चा वापर अगदी सोपा आहे, फक्त तुमच्या वेबसाइटवर खालील कोड जोडालेबलच्या अगदी आधी.
<script src="//instant.page/5.1.0" type="module" integrity="sha384-by67kQnR+pyfy8yWP4kPO12fHKRLHZPfEsiSXR8u2IKcTdxD805MGUXBz虚ni砖用wang络kLHw"></script>
2) स्वयं-होस्ट केलेले स्वातंत्र्यचेन वेइलांगऑफर▼
- स्क्रिप्ट सर्व्हरमध्ये राहते, Instantclick-1.2.2.js, त्यामुळे तुम्हाला गोष्टी मंदावण्याची काळजी करण्याची गरज नाही.
कृपया तुमच्या वेबसाइटवर खालील कोड जोडालेबलच्या अगदी आधी:
<script src="https://img.chenweiliang.com/javascript/instantpage.js" type="module"></script>
होप चेन वेइलांग ब्लॉग ( https://www.chenweiliang.com/ ) सामायिक केले "वेब पृष्ठ प्रीलोडिंगचा उपयोग काय आहे? तुम्हाला मदत करण्यासाठी instant.page तंत्रज्ञान प्रीलोडिंग वेब पृष्ठ प्रीफेच करा.
या लेखाची लिंक सामायिक करण्यासाठी आपले स्वागत आहे:https://www.chenweiliang.com/cwl-1053.html
नवीनतम अपडेट्स मिळवण्यासाठी चेन वेइलियांगच्या ब्लॉगच्या टेलिग्राम चॅनेलवर आपले स्वागत आहे!
📚 या मार्गदर्शकामध्ये प्रचंड मूल्य आहे, 🌟ही एक दुर्मिळ संधी आहे, ती चुकवू नका! ⏰⌛💨
आवडल्यास शेअर आणि लाईक करा!
तुमचे शेअरिंग आणि लाईक्स ही आमची सतत प्रेरणा आहे!