वेब पेज प्रीलोडिंग का क्या उपयोग है? प्रीफ़ेच वेब पेज प्रीलोड इंस्टेंट.पेज तकनीक

वेब पेज लोड करने की गति आपके को प्रभावित करेगीबिजली आपूर्तिकर्तासर्च इंजन में वेबसाइटएसईओरैंकिंग।

वेब पेज प्रीलोडिंग क्या है?

प्रीफेच नामक एक तकनीक है जो वास्तव में एक प्रीलोड तकनीक है।

• जब कोई उपयोगकर्ता जानबूझकर किसी पृष्ठ पर जाता है, तो ब्राउज़र पृष्ठ को पहले से लोड करता है।
• जब उपयोगकर्ता वास्तव में लिंक पर क्लिक करता है, तो उपयोगकर्ता सीधे पहले से लोड किए गए कैश से पृष्ठ सामग्री को पढ़ता है और पृष्ठ लोड समय को कम करता है।
• अमेज़ॅन और अन्य ने पाया है कि 100-मिलीसेकंड विलंबता बिक्री का 1% है, लेकिन वेब पर विलंबता को दूर करना मुश्किल है।

वेबपेज प्रीफ़ेच करेंप्रीलोडिंग का क्या उपयोग है?

तत्काल.पृष्ठ तत्काल प्रीलोडिंग का उपयोग करता है - यह उपयोगकर्ता द्वारा क्लिक किए जाने से पहले पृष्ठ को प्रीलोड करता है

• उपयोगकर्ता द्वारा लिंक पर क्लिक करने से पहले, वे लिंक पर होवर करते हैं।
• जब उपयोगकर्ता 65ms के लिए होवर करता है, तो उनके पास लिंक पर क्लिक करने का मौका होगा, इसलिए इस बिंदु पर तत्काल.पेज प्रीलोड होना शुरू हो जाता है, पेज को प्रीलोड करने के लिए औसतन 300ms से अधिक।
• मोबाइल डिवाइस पर, उपयोगकर्ता रिलीज़ होने से पहले अपने डिस्प्ले को छूना शुरू कर देते हैं, पेज को प्रीलोड करने में औसतन 90ms लगते हैं।

प्रीफेच वेब पेजों को तेजी से लोड करता है

• मानव मस्तिष्क किसी क्रिया को तुरंत समझने में 100 मिलीसेकंड से भी कम समय लेता है।
• इसलिए, Instant.page प्रीलोडिंग तकनीक आपकी वेबसाइट को 3G पर भी तुरंत महसूस करा सकती है (यह मानते हुए कि आपके पेज की रेंडरिंग गति तेज है)।

वेब पेजों की धीमी लोडिंग को कैसे हल करें?

पृष्ठ केवल तभी पहले से लोड होते हैं जब इस बात की उच्च संभावना होती है कि उपयोगकर्ता उन पर जाएगा, और यह केवल उस पृष्ठ के लिए HTML को प्रीलोड करता है, उपयोगकर्ता और सर्वर के बैंडविड्थ और सीपीयू का सम्मान करता है।

• यह आपके पृष्ठों को सुचारू रखने के लिए निष्क्रिय ईवेंट श्रोताओं का उपयोग करता है।
• जब उपयोगकर्ता डेटा सुरक्षा सक्षम करता है तो यह प्रीलोडेड नहीं होता है (संस्करण 1.2.2 के अनुसार)।
• यह 1 kB है और बाकी सब के बाद लोड होता है।यह मुफ़्त और खुला स्रोत (MIT लाइसेंस) है।

प्रीफेच वेबपेज का तत्काल.पेज प्रीलोडिंग पर क्या प्रभाव पड़ता है?

इंस्टेंट.पेज कोड जोड़ने के परीक्षण के बाद, वेबसाइट एक्सेस स्पीड में सुधार अभी भी अपेक्षाकृत बड़ा है।

• डिफ़ॉल्ट रूप से यह केवल इस साइट लिंक को प्रीलोड करने के लिए फ़िल्टर करेगा और अन्य साइटों से लिंक लोड नहीं करेगा।
• जब माउस बाईं ओर लेख लिंक पर 65ms से अधिक समय तक क्लिक करता है, तो नेटवर्क लेख पृष्ठ को पहले से लोड कर देगा।
• 65ms से कम के लिए मँडराते समय, प्रीलोडिंग नहीं की जाती है (लाल भाग)▼

तत्काल.पेज का उपयोग करने से आपकी साइट का पीवी और अनुरोध मात्रा में उल्लेखनीय वृद्धि होगी:

• एक मित्र ने कहा कि उनकी प्रति विज़िट की औसत संख्या 13.84 थी।
• उपयोग के बाद, प्रति व्यक्ति विज़िट की संख्या बढ़कर 17.43 हो गई, जो प्रति व्यक्ति 4 और पेज खोलने के बराबर है।

सावधानियां:

• यह ध्यान दिया जाना चाहिए कि सशुल्क सीडीएन और खुली पूर्ण-साइट सीडीएन का उपयोग करने वाले ब्लॉगर्स को सावधानी के साथ ऐसा करना चाहिए।
• लेकिन चिंता न करें, प्रीलोड केवल html पृष्ठ लोड करता है, चित्र और अन्य फ़ाइलें नहीं होंगी, इसलिए अधिक ट्रैफ़िक हानि नहीं होगी।

वेब पेज प्रीलोडिंग तकनीक का उपयोग कैसे करें?

वास्तव में, html5 के लिंक टैग में एक rel विशेषता होती है, जिसमें से एक प्रीफ़ेच है, लेकिन उपभोक्ताओं की संख्या कम है।

इस लेख में प्रस्तुत किया गया तत्काल.पृष्ठ एक स्क्रिप्ट है जो इस तकनीक का उपयोग करती है।

• यह स्क्रिप्ट इस आधार पर तय करेगी कि उपयोगकर्ता कितनी देर तक लिंक पर रहता है।
• जब यह 65ms हिट करता है, तो उपयोगकर्ता के पास लिंक खोलने का आधा मौका होता है और Instant.page इस पेज को प्रीलोड कर देता है।

वेब पेज जेएस स्क्रिप्ट कोड को प्रीलोड करता है

1) आधिकारिक तौर पर JS स्क्रिप्ट को Cloudflare त्वरण के साथ प्रदान करें▼

तत्काल.पेज का उपयोग बहुत आसान है, बस अपनी वेबसाइट में निम्नलिखित कोड जोड़ेंलेबल से ठीक पहले।

<script src="//instant.page/5.1.0" type="module" integrity="sha384-by67kQnR+pyfy8yWP4kPO12fHKRLHZPfEsiSXR8u2IKcTdxD805MGUXBz虚ni砖用wang络kLHw"></script>

2) स्वयं की मेजबानी की स्वतंत्रताचेन वेइलियांगऑफर

• स्क्रिप्ट सर्वर, इंस्टेंटक्लिक-1.2.2.js में रहती है, इसलिए आपको चीजों को धीमा करने के बारे में चिंता करने की आवश्यकता नहीं है। 

कृपया निम्नलिखित कोड को अपनी वेबसाइट में जोड़ेंलेबल से ठीक पहले:

<script src="https://img.chenweiliang.com/javascript/instantpage.js" type="module"></script>