La ce folosește preîncărcarea paginii web? Preîncărcarea paginii web preîncărcarea tehnologiei instant.page

Viteza de încărcare a paginii web vă va afectafurnizor de energie electricăsite în motorul de căutareSEOclasament.

Ce este preîncărcarea paginii web?

Există o tehnică numită prefetch care este de fapt o tehnică de preîncărcare.

• Când un utilizator vizitează în mod intenționat o pagină, browserul preîncarcă pagina.
• Când utilizatorul face de fapt clic pe link, utilizatorul citește direct conținutul paginii din memoria cache preîncărcată și reduce timpul de încărcare a paginii.
• Amazon și alții au descoperit că latența de 100 de milisecunde reprezintă 1% din vânzări, dar latența pe web este greu de depășit.

Preluați pagina webLa ce folosește preîncărcarea?

instant.page folosește preîncărcarea instantanee - preîncarcă pagina înainte ca utilizatorul să facă clic pe ▼

• Înainte ca utilizatorul să facă clic pe link, trece cu mouse-ul peste link.
• Când utilizatorul trece cu mouse-ul timp de 65 ms, va avea șansa de a face clic pe link, așa că instant.page începe să se preîncarce în acest moment, cu o medie de peste 300 ms pentru ca pagina să se preîncarce.
• Pe dispozitivele mobile, utilizatorii încep să-și atingă afișajul înainte de a lansa, având o medie de 90 ms pentru a preîncărca pagina.

Prefetch face paginile web să se încarce mai rapid

• Creierul uman are nevoie de mai puțin de 100 de milisecunde pentru a percepe o acțiune instantaneu.
• Prin urmare, tehnologia de preîncărcare instant.page poate face site-ul dvs. să se simtă instantaneu chiar și pe 3G (presupunând că viteza de redare a paginii este rapidă).

Cum se rezolvă încărcarea lentă a paginilor web?

Paginile sunt preîncărcate doar atunci când există o mare probabilitate ca utilizatorul să le viziteze și preîncarcă doar HTML-ul pentru pagina respectivă, respectând lățimea de bandă și CPU-ul utilizatorului și al serverului.

• Utilizează ascultători pasivi de evenimente pentru a vă menține paginile netede.
• Nu este preîncărcat atunci când utilizatorul activează protecția datelor (începând cu versiunea 1.2.2).
• Are 1 kB și se încarcă după orice altceva.Este gratuit și open source (licență MIT).

Care este efectul preîncărcării paginii web Prefetch instant.page?

După testarea adăugării codului instant.page, îmbunătățirea vitezei de acces la site este încă relativ mare.

• În mod implicit, va filtra pentru a preîncărca numai link-urile acestui site și nu va încărca link-uri de pe alte site-uri.
• Când mouse-ul face clic pe linkul articolului din stânga mai mult de 65 ms, Rețeaua va preîncărca pagina articolului.
• Când plutiți mai puțin de 65 ms, preîncărcarea nu este efectuată (partea roșie)▼

Utilizarea instant.page va crește semnificativ PV-ul site-ului dvs. și volumul solicitărilor:

• Un prieten a spus că numărul său mediu de vizite pe vizită a fost de 13.84.
• După utilizare, numărul de vizite pe cap de locuitor a crescut la 17.43, ceea ce echivalează cu deschiderea a încă 4 pagini de persoană.

Măsuri de precauție:

• Trebuie remarcat faptul că bloggerii care folosesc CDN-uri plătite și CDN-uri deschise pentru site-uri complete ar trebui să facă acest lucru cu prudență.
• Dar nu vă faceți griji, preîncărcarea încarcă numai paginile html, imaginile și alte fișiere nu, așa că nu va exista multă pierdere de trafic.

Cum se utilizează tehnologia de preîncărcare a paginilor web?

De fapt, există un atribut rel în eticheta de link a html5, dintre care unul este prefetch, dar numărul de consumatori este mic.

Instant.page introdus în acest articol este un script care folosește această tehnică.

• Acest script va judeca în funcție de cât timp trece utilizatorul cu mouse-ul peste link.
• Când atinge 65 ms, utilizatorul are o șansă de jumătate de a deschide linkul și Instant.page preîncarcă această pagină.

Codul de script JS de preîncărcare a paginii web

1) Furnizați oficial scripturi JS cu accelerare Cloudflare▼

Utilizarea instant.page este foarte simplă, trebuie doar să adăugați următorul cod pe site-ul dvsChiar înainte de etichetă.

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

2) Libertate auto-găzduităChen WeiliangOferta▼

• Scriptul se află în serverul, Instantclick-1.2.2.js, așa că nu trebuie să vă faceți griji că încetiniți lucrurile. 

Vă rugăm să adăugați următorul cod pe site-ul dvsChiar înainte de etichetă:

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