ആർട്ടിക്കിൾ ഡയറക്ടറി
വെബ് പേജ് ലോഡ് ചെയ്യുന്ന വേഗത നിങ്ങളെ ബാധിക്കുംഇ-കൊമേഴ്സ്സെർച്ച് എഞ്ചിനിലെ വെബ്സൈറ്റ്എസ്.ഇ.ഒ.റാങ്കിങ്.
എന്താണ് വെബ് പേജ് പ്രീലോഡിംഗ്?
പ്രീഫെച്ച് എന്നൊരു സാങ്കേതികതയുണ്ട്, അത് യഥാർത്ഥത്തിൽ ഒരു പ്രീലോഡ് ടെക്നിക്കാണ്.
- ഒരു ഉപയോക്താവ് മനഃപൂർവം ഒരു പേജ് സന്ദർശിക്കുമ്പോൾ, ബ്രൗസർ പേജ് പ്രീലോഡ് ചെയ്യുന്നു.
- ഉപയോക്താവ് യഥാർത്ഥത്തിൽ ലിങ്കിൽ ക്ലിക്ക് ചെയ്യുമ്പോൾ, പ്രീലോഡ് ചെയ്ത കാഷെയിൽ നിന്ന് ഉപയോക്താവ് പേജ് ഉള്ളടക്കം നേരിട്ട് വായിക്കുകയും പേജ് ലോഡ് സമയം കുറയ്ക്കുകയും ചെയ്യുന്നു.
- 100-മില്ലിസെക്കൻഡ് ലേറ്റൻസി വിൽപ്പനയുടെ 1% ആണെന്ന് ആമസോണും മറ്റുള്ളവരും കണ്ടെത്തി, എന്നാൽ വെബിലെ ലേറ്റൻസി മറികടക്കാൻ പ്രയാസമാണ്.
വെബ്പേജ് മുൻകൂട്ടി എടുക്കുകപ്രീലോഡിംഗ് കൊണ്ട് എന്താണ് പ്രയോജനം?
instant.page തൽക്ഷണ പ്രീലോഡിംഗ് ഉപയോഗിക്കുന്നു - ഉപയോക്താവ് ക്ലിക്കുചെയ്യുന്നതിന് മുമ്പ് ഇത് പേജ് പ്രീലോഡ് ചെയ്യുന്നു ▼
- ഉപയോക്താവ് ലിങ്കിൽ ക്ലിക്ക് ചെയ്യുന്നതിനുമുമ്പ്, അവർ ലിങ്കിന് മുകളിലൂടെ സഞ്ചരിക്കുന്നു.
- ഉപയോക്താവ് 65ms ഹോവർ ചെയ്യുമ്പോൾ, അവർക്ക് ലിങ്കിൽ ക്ലിക്കുചെയ്യാനുള്ള അവസരം ലഭിക്കും, അതിനാൽ instant.page ഈ ഘട്ടത്തിൽ പ്രീലോഡ് ചെയ്യാൻ തുടങ്ങുന്നു, പേജ് പ്രീലോഡ് ചെയ്യുന്നതിന് ശരാശരി 300ms-ലധികം.
- മൊബൈൽ ഉപകരണങ്ങളിൽ, റിലീസ് ചെയ്യുന്നതിന് മുമ്പ് ഉപയോക്താക്കൾ അവരുടെ ഡിസ്പ്ലേ സ്പർശിക്കാൻ തുടങ്ങുന്നു, പേജ് പ്രീലോഡ് ചെയ്യാൻ ശരാശരി 90 മി.എസ്.
പ്രീഫെച്ച് വെബ് പേജുകൾ വേഗത്തിൽ ലോഡുചെയ്യുന്നു
- ഒരു പ്രവൃത്തി തൽക്ഷണം മനസ്സിലാക്കാൻ മനുഷ്യ മസ്തിഷ്കം 100 മില്ലിസെക്കൻഡിൽ താഴെ മാത്രമേ എടുക്കൂ.
- അതിനാൽ, instant.page പ്രീലോഡിംഗ് സാങ്കേതികവിദ്യ നിങ്ങളുടെ വെബ്സൈറ്റിന് 3G-യിൽ പോലും തൽക്ഷണം അനുഭവപ്പെടും (നിങ്ങളുടെ പേജ് റെൻഡറിംഗ് വേഗത വേഗത്തിലാണെന്ന് കരുതുക).
വെബ് പേജുകളുടെ മന്ദഗതിയിലുള്ള ലോഡിംഗ് എങ്ങനെ പരിഹരിക്കാം?
ഉപയോക്താവ് അവ സന്ദർശിക്കാനുള്ള ഉയർന്ന സാധ്യതയുള്ളപ്പോൾ മാത്രമേ പേജുകൾ പ്രീലോഡ് ചെയ്യപ്പെടുകയുള്ളൂ, കൂടാതെ ഉപയോക്താവിന്റെയും സെർവറിന്റെയും ബാൻഡ്വിഡ്ത്തും സിപിയുവും മാനിച്ച് ആ പേജിനായി HTML മാത്രമേ ഇത് പ്രീലോഡ് ചെയ്യുകയുള്ളൂ.
- നിങ്ങളുടെ പേജുകൾ സുഗമമായി നിലനിർത്താൻ ഇത് നിഷ്ക്രിയ ഇവന്റ് ശ്രോതാക്കളെ ഉപയോഗിക്കുന്നു.
- ഉപയോക്താവ് ഡാറ്റ സംരക്ഷണം പ്രവർത്തനക്ഷമമാക്കുമ്പോൾ അത് പ്രീലോഡ് ചെയ്യപ്പെടില്ല (പതിപ്പ് 1.2.2 പ്രകാരം).
- ഇത് 1 kB ആണ്, മറ്റെല്ലാം കഴിഞ്ഞ് ലോഡ് ചെയ്യുന്നു.ഇത് സ്വതന്ത്രവും ഓപ്പൺ സോഴ്സും (എംഐടി ലൈസൻസ്) ആണ്.
Prefetch webpage preloading instant.page ന്റെ ഫലമെന്താണ്?
instant.page കോഡ് ചേർക്കുന്നത് പരീക്ഷിച്ചതിന് ശേഷം, വെബ്സൈറ്റ് ആക്സസ് വേഗതയിലെ പുരോഗതി ഇപ്പോഴും താരതമ്യേന വലുതാണ്.
- ഡിഫോൾട്ടായി ഈ സൈറ്റ് ലിങ്കുകൾ മാത്രം പ്രീലോഡ് ചെയ്യാൻ ഫിൽട്ടർ ചെയ്യും, മറ്റ് സൈറ്റുകളിൽ നിന്നുള്ള ലിങ്കുകൾ ലോഡ് ചെയ്യില്ല.
- ഇടതുവശത്തുള്ള ലേഖന ലിങ്കിൽ മൗസ് 65ms-ൽ കൂടുതൽ ക്ലിക്ക് ചെയ്യുമ്പോൾ, നെറ്റ്വർക്ക് ലേഖന പേജ് പ്രീലോഡ് ചെയ്യും.
- 65ms-ൽ താഴെ ഹോവർ ചെയ്യുമ്പോൾ, പ്രീലോഡിംഗ് നടത്തില്ല (ചുവപ്പ് ഭാഗം)▼
instant.page ഉപയോഗിക്കുന്നത് നിങ്ങളുടെ സൈറ്റിന്റെ പിവിയും അഭ്യർത്ഥന വോളിയവും ഗണ്യമായി വർദ്ധിപ്പിക്കും:
- ഓരോ സന്ദർശനത്തിലും അദ്ദേഹത്തിന്റെ ശരാശരി സന്ദർശനങ്ങളുടെ എണ്ണം 13.84 ആണെന്ന് ഒരു സുഹൃത്ത് പറഞ്ഞു.
- ഉപയോഗത്തിന് ശേഷം, പ്രതിശീർഷ സന്ദർശനങ്ങളുടെ എണ്ണം 17.43 ആയി ഉയർന്നു, ഇത് ഒരാൾക്ക് 4 പേജുകൾ കൂടി തുറക്കുന്നതിന് തുല്യമാണ്.
കുറിപ്പ്:
- പണമടച്ചുള്ള CDN-കളും ഓപ്പൺ ഫുൾ-സൈറ്റ് CDN-കളും ഉപയോഗിക്കുന്ന ബ്ലോഗർമാർ അത് ജാഗ്രതയോടെ ചെയ്യണം എന്നത് ശ്രദ്ധിക്കേണ്ടതാണ്.
- പക്ഷേ വിഷമിക്കേണ്ട, പ്രീലോഡ് ചെയ്യുന്നത് html പേജുകളും ചിത്രങ്ങളും മറ്റ് ഫയലുകളും മാത്രം ലോഡ് ചെയ്യില്ല, അതിനാൽ വലിയ ട്രാഫിക് നഷ്ടം ഉണ്ടാകില്ല.
വെബ് പേജ് പ്രീലോഡിംഗ് സാങ്കേതികവിദ്യ എങ്ങനെ ഉപയോഗിക്കാം?
വാസ്തവത്തിൽ, 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
ഏറ്റവും പുതിയ അപ്ഡേറ്റുകൾ ലഭിക്കുന്നതിന് ചെൻ വെയ്ലിയാങ്ങിന്റെ ബ്ലോഗിന്റെ ടെലിഗ്രാം ചാനലിലേക്ക് സ്വാഗതം!
📚 ഈ ഗൈഡിൽ വലിയ മൂല്യമുണ്ട്, 🌟 ഇതൊരു അപൂർവ അവസരമാണ്, ഇത് നഷ്ടപ്പെടുത്തരുത്! ⏰⌛💨
ഇഷ്ടമായാൽ ഷെയർ ചെയ്യുക, ലൈക്ക് ചെയ്യുക!
നിങ്ങളുടെ ഷെയറിംഗും ലൈക്കുകളുമാണ് ഞങ്ങളുടെ തുടർച്ചയായ പ്രചോദനം!