लेख निर्देशिका
वेब पृष्ठ लोडिङ गतिले तपाईंको प्रभाव पार्नेछई-वाणिज्यखोज इन्जिनमा वेबसाइटएसईओरैंकिंग।
वेब पृष्ठ प्रीलोडिङ के हो?
त्यहाँ प्रीफेच भनिने प्रविधि छ जुन वास्तवमा प्रीलोड प्रविधि हो।
- जब प्रयोगकर्ताले जानाजानी पृष्ठमा जान्छ, ब्राउजरले पृष्ठलाई प्रिलोड गर्दछ।
- जब प्रयोगकर्ताले वास्तवमा लिङ्क क्लिक गर्दछ, प्रयोगकर्ताले सीधै प्रिलोड गरिएको क्यासबाट पृष्ठ सामग्री पढ्छ र पृष्ठ लोड समय घटाउँछ।
- Amazon र अरूले फेला पारेका छन् कि 100-मिलिसेकेन्ड विलम्बता बिक्रीको 1% हो, तर वेबमा विलम्बता हटाउन गाह्रो छ।
वेबपेज प्रिफेच गर्नुहोस्प्रिलोडिङ को उपयोग के हो?
instant.pageले तत्काल प्रिलोडिङ प्रयोग गर्दछ - प्रयोगकर्ताले क्लिक गर्नु अघि यसले पृष्ठलाई प्रिलोड गर्छ ▼
- प्रयोगकर्ताले लिङ्क क्लिक गर्नु अघि, तिनीहरू लिंकमा होभर गर्छन्।
- जब प्रयोगकर्ताले 65ms को लागि होभर गर्दछ, तिनीहरूले लिङ्कमा क्लिक गर्ने मौका पाउनेछन्, त्यसैले instant.page ले यस बिन्दुमा प्रिलोड हुन थाल्छ, पृष्ठ प्रिलोड गर्नको लागि औसत 300ms भन्दा बढी हुन्छ।
- मोबाइल उपकरणहरूमा, प्रयोगकर्ताहरूले पृष्ठलाई प्रिलोड गर्नको लागि औसत 90ms लिई, रिलिज हुनु अघि तिनीहरूको डिस्प्ले छोउन थाल्छन्।
Prefetch ले वेब पृष्ठहरू छिटो लोड बनाउँछ
- मानव मस्तिष्कले तुरुन्तै कार्य बुझ्न 100 मिलिसेकेन्ड भन्दा कम लिन्छ।
- तसर्थ, instant.page प्रिलोडिङ टेक्नोलोजीले तपाईंको वेबसाइटलाई 3G मा पनि तुरुन्तै महसुस गराउन सक्छ (तपाईंको पृष्ठ रेन्डरिङ गति छिटो छ भनी मान्दै)।
वेब पृष्ठहरूको ढिलो लोडिङ कसरी समाधान गर्ने?
पृष्ठहरू प्रीलोड हुन्छन् जब प्रयोगकर्ताले तिनीहरूलाई भ्रमण गर्ने उच्च सम्भावना हुन्छ, र यसले प्रयोगकर्ता र सर्भरको ब्यान्डविथ र CPU लाई सम्मान गर्दै, त्यो पृष्ठको लागि HTML मात्र प्रीलोड गर्दछ।
- यसले तपाईंको पृष्ठहरू सुचारु राख्न निष्क्रिय घटना श्रोताहरू प्रयोग गर्दछ।
- प्रयोगकर्ताले डेटा सुरक्षा (संस्करण १.२.२ अनुसार) सक्षम पार्दा यो प्रिलोड हुँदैन।
- यो 1 kB हो र सबै कुरा पछि लोड हुन्छ।यो नि:शुल्क र खुला स्रोत (MIT लाइसेन्स) हो।
Prefetch वेबपेज preloading instant.page को प्रभाव के छ?
Instant.page कोड थपेर परीक्षण गरेपछि, वेबसाइट पहुँच गतिमा सुधार अझै पनि अपेक्षाकृत ठूलो छ।
- पूर्वनिर्धारित रूपमा यसले यो साइट लिङ्कहरू मात्र प्रिलोड गर्न फिल्टर गर्नेछ र अन्य साइटहरूबाट लिङ्कहरू लोड गर्दैन।
- जब माउसले 65ms भन्दा बढीको लागि बाँयामा लेख लिङ्कमा क्लिक गर्दछ, नेटवर्कले लेख पृष्ठ प्रिलोड गर्नेछ।
- 65ms भन्दा कमको लागि होभर गर्दा, प्रिलोडिङ प्रदर्शन हुँदैन (रातो भाग)▼
instant.page प्रयोग गर्नाले तपाईको साइटको PV र अनुरोध भोल्युममा उल्लेखनीय वृद्धि हुनेछ:
- एकजना साथीले प्रति भ्रमणको औसत संख्या १३.८४ रहेको बताए ।
- प्रयोग पछि, भ्रमणहरूको प्रति व्यक्ति संख्या बढेर 17.43 भयो, जुन प्रति व्यक्ति 4 थप पृष्ठहरू खोल्ने बराबर हो।
नोट:
- सशुल्क CDN हरू प्रयोग गर्ने र पूर्ण-साइट CDN हरू खोल्ने ब्लगरहरूले सावधानीपूर्वक त्यसो गर्नुपर्दछ भनेर ध्यान दिनुपर्छ।
- तर चिन्ता नगर्नुहोस्, प्रिलोडले मात्र एचटीएमएल पृष्ठहरू लोड गर्दछ, छविहरू र अन्य फाइलहरू छैनन्, त्यसैले त्यहाँ धेरै ट्राफिक हानि हुनेछैन।
वेब पृष्ठ प्रिलोडिङ प्रविधि कसरी प्रयोग गर्ने?
वास्तवमा, html5 को लिङ्क ट्यागमा एक rel विशेषता छ, जसमध्ये एक प्रिफेच हो, तर उपभोक्ताहरूको संख्या सानो छ।
यस लेखमा प्रस्तुत गरिएको instant.page यो प्रविधि प्रयोग गर्ने लिपि हो।
- यो स्क्रिप्टले लिङ्कमा प्रयोगकर्ता माउस कति लामो छ भन्ने आधारमा न्याय गर्नेछ।
- जब यो 65ms मा पुग्छ, प्रयोगकर्तासँग लिङ्क खोल्ने आधा मौका हुन्छ र Instant.page ले यो पृष्ठ प्रिलोड गर्छ।
वेब पृष्ठ प्रिलोड JS स्क्रिप्ट कोड
1) आधिकारिक रूपमा Cloudflare एक्सेलेरेशन ▼ संग 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
नवीनतम अपडेटहरू प्राप्त गर्न चेन वेइलियाङको ब्लगको टेलिग्राम च्यानलमा स्वागत छ!
📚 यो गाइडले ठूलो मूल्य समावेश गर्दछ, 🌟यो दुर्लभ अवसर हो, यसलाई नछुटाउनुहोस्! ⏰⌛💨
मन परे लाइक र सेयर गर्नुहोस !
तपाइँको साझा र लाइक हाम्रो निरन्तर प्रेरणा हो!