ఆర్టికల్ డైరెక్టరీ
వెబ్ పేజీ లోడింగ్ వేగం మీపై ప్రభావం చూపుతుందివిద్యుత్ సరఫరాశోధన ఇంజిన్లో వెబ్సైట్SEOర్యాంకింగ్.
వెబ్ పేజీ ప్రీలోడింగ్ అంటే ఏమిటి?
ప్రీఫెచ్ అనే టెక్నిక్ ఉంది, ఇది నిజానికి ప్రీలోడ్ టెక్నిక్.
- వినియోగదారు ఉద్దేశపూర్వకంగా పేజీని సందర్శించినప్పుడు, బ్రౌజర్ పేజీని ప్రీలోడ్ చేస్తుంది.
- వినియోగదారు వాస్తవానికి లింక్ను క్లిక్ చేసినప్పుడు, వినియోగదారు నేరుగా ప్రీలోడెడ్ కాష్ నుండి పేజీ కంటెంట్ను చదువుతారు మరియు పేజీ లోడ్ సమయాన్ని తగ్గిస్తుంది.
- అమెజాన్ మరియు ఇతరులు 100-మిల్లీసెకన్ల జాప్యం 1% విక్రయాలకు కారణమని కనుగొన్నారు, అయితే వెబ్లో జాప్యాన్ని అధిగమించడం కష్టం.
వెబ్పేజీని ముందుగా పొందండిప్రీలోడింగ్ వల్ల ఉపయోగం ఏమిటి?
instant.page తక్షణ ప్రీలోడింగ్ని ఉపయోగిస్తుంది - ఇది వినియోగదారు క్లిక్ చేసే ముందు పేజీని ప్రీలోడ్ చేస్తుంది ▼
- వినియోగదారు లింక్ను క్లిక్ చేసే ముందు, వారు లింక్పై హోవర్ చేస్తారు.
- వినియోగదారు 65ms కోసం హోవర్ చేసినప్పుడు, వారు లింక్పై క్లిక్ చేసే అవకాశం ఉంటుంది, కాబట్టి instant.page ఈ సమయంలో ప్రీలోడ్ చేయడం ప్రారంభమవుతుంది, పేజీని ప్రీలోడ్ చేయడానికి సగటున 300ms కంటే ఎక్కువ ఉంటుంది.
- మొబైల్ పరికరాలలో, వినియోగదారులు విడుదల చేయడానికి ముందు వారి డిస్ప్లేను తాకడం ప్రారంభిస్తారు, పేజీని ప్రీలోడ్ చేయడానికి సగటున 90ఎంఎస్లు తీసుకుంటారు.
ముందస్తు పొందడం వల్ల వెబ్ పేజీలు వేగంగా లోడ్ అవుతాయి
- ఒక చర్యను తక్షణమే గ్రహించడానికి మానవ మెదడు 100 మిల్లీసెకన్ల కంటే తక్కువ సమయం తీసుకుంటుంది.
- అందువల్ల, instant.page ప్రీలోడింగ్ టెక్నాలజీ మీ వెబ్సైట్ను 3Gలో కూడా తక్షణం అనుభూతి చెందేలా చేస్తుంది (మీ పేజీ రెండరింగ్ వేగం వేగంగా ఉంటుందని ఊహిస్తే).
వెబ్ పేజీల స్లో లోడింగ్ను ఎలా పరిష్కరించాలి?
వినియోగదారు వాటిని సందర్శించే సంభావ్యత ఎక్కువగా ఉన్నప్పుడు మాత్రమే పేజీలు ప్రీలోడ్ చేయబడతాయి మరియు అది వినియోగదారు మరియు సర్వర్ యొక్క బ్యాండ్విడ్త్ మరియు CPUకి సంబంధించి ఆ పేజీ కోసం HTMLని మాత్రమే ప్రీలోడ్ చేస్తుంది.
- ఇది మీ పేజీలను సున్నితంగా ఉంచడానికి నిష్క్రియ ఈవెంట్ శ్రోతలను ఉపయోగిస్తుంది.
- వినియోగదారు డేటా రక్షణను ప్రారంభించినప్పుడు ఇది ప్రీలోడ్ చేయబడదు (వెర్షన్ 1.2.2 ప్రకారం).
- ఇది 1 kB మరియు మిగతా వాటి తర్వాత లోడ్ అవుతుంది.ఇది ఉచిత మరియు ఓపెన్ సోర్స్ (MIT లైసెన్స్).
Prefetch webpage preloading instant.page ప్రభావం ఏమిటి?
instant.page కోడ్ని జోడించడాన్ని పరీక్షించిన తర్వాత, వెబ్సైట్ యాక్సెస్ వేగంలో మెరుగుదల ఇప్పటికీ చాలా పెద్దది.
- డిఫాల్ట్గా ఇది ఈ సైట్ లింక్లను మాత్రమే ప్రీలోడ్ చేయడానికి ఫిల్టర్ చేస్తుంది మరియు ఇతర సైట్ల నుండి లింక్లను లోడ్ చేయదు.
- ఎడమవైపున ఉన్న కథనం లింక్పై మౌస్ 65ms కంటే ఎక్కువ సమయం క్లిక్ చేసినప్పుడు, నెట్వర్క్ కథనం పేజీని ప్రీలోడ్ చేస్తుంది.
- 65ms కంటే తక్కువ హోవర్ చేస్తున్నప్పుడు, ప్రీలోడింగ్ నిర్వహించబడదు (ఎరుపు భాగం)▼
instant.pageని ఉపయోగించడం వలన మీ సైట్ PV మరియు అభ్యర్థన వాల్యూమ్ గణనీయంగా పెరుగుతుంది:
- ఒక సందర్శనకు అతని సగటు సందర్శనల సంఖ్య 13.84 అని ఒక స్నేహితుడు చెప్పాడు.
- ఉపయోగం తర్వాత, తలసరి సందర్శనల సంఖ్య 17.43కి పెరిగింది, ఇది ఒక వ్యక్తికి మరో 4 పేజీలను తెరవడానికి సమానం.
జాగ్రత్తలు:
- చెల్లింపు CDNలు మరియు ఓపెన్ ఫుల్-సైట్ CDNలను ఉపయోగించే బ్లాగర్లు జాగ్రత్తగా చేయాలని గమనించాలి.
- కానీ చింతించకండి, ప్రీలోడ్ html పేజీలు, చిత్రాలు మరియు ఇతర ఫైల్లను మాత్రమే లోడ్ చేయదు, కాబట్టి ఎక్కువ ట్రాఫిక్ నష్టం ఉండదు.
వెబ్ పేజీ ప్రీలోడింగ్ టెక్నాలజీని ఎలా ఉపయోగించాలి?
నిజానికి, html5 యొక్క లింక్ ట్యాగ్లో rel లక్షణం ఉంది, అందులో ఒకటి ప్రీఫెచ్, కానీ వినియోగదారుల సంఖ్య తక్కువగా ఉంది.
ఈ కథనంలో పరిచయం చేయబడిన instant.పేజీ ఈ సాంకేతికతను ఉపయోగించే స్క్రిప్ట్.
- ఈ స్క్రిప్ట్ వినియోగదారు లింక్పై ఎంతసేపు మౌస్లు ఉంచారు అనే దాని ఆధారంగా తీర్పునిస్తుంది.
- ఇది 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
తాజా నవీకరణలను పొందడానికి చెన్ వీలియాంగ్ బ్లాగ్ యొక్క టెలిగ్రామ్ ఛానెల్కు స్వాగతం!
📚 ఈ గైడ్లో భారీ విలువ ఉంది, 🌟ఇది ఒక అరుదైన అవకాశం, దీన్ని మిస్ చేయకండి! ⏰⌛💨
నచ్చితే లైక్ చేసి షేర్ చేయండి!
మీ భాగస్వామ్యం మరియు ఇష్టాలు మా నిరంతర ప్రేరణ!