Zertarako balio du web-orriak aurrekargatzeak? Preletch web or preload instant.page teknologia

Web-orriak kargatzeko abiadurak eragina izango duElektrizitatea hornitzailewebgunea bilatzaileanSEOSailkapena.

Zer da web-orriak aurrekargatzea?

Bada prefetch izeneko teknika bat, benetan aurrekargatzeko teknika bat dena.

• Erabiltzaile batek orrialde bat nahita bisitatzen duenean, arakatzaileak orria aurrez kargatzen du.
• Erabiltzaileak estekan klik egiten duenean, erabiltzaileak zuzenean irakurtzen du orrialdearen edukia aurrez kargatutako cachetik eta orrialdea kargatzeko denbora murrizten du.
• Amazonek eta beste batzuek aurkitu dute 100 milisegundoko latentzia salmenten % 1a dela, baina sareko latentzia zaila da gainditzea.

Eskuratu aurrez web orriaZertarako balio du aurrekargatzeak?

instant.page-k berehalako aurrekarga erabiltzen du - orrialdea aurrez kargatzen du erabiltzaileak ▼ sakatu baino lehen

• Erabiltzaileak estekan klik egin aurretik, estekaren gainean pasako du.
• Erabiltzaileak 65 ms pasatzean, estekan klik egiteko aukera izango du, beraz, instant.page une honetan aurrez kargatzen hasten da, orrialdea aurrez kargatzeko batez beste 300 ms baino gehiagorekin.
• Gailu mugikorretan, erabiltzaileak pantaila ukitzen hasten dira askatu baino lehen, eta batez beste 90 ms behar dituzte orria aurrekargatzeko.

Prefetch-ek web-orriak azkarrago kargatzen ditu

• Giza garunak 100 milisegundo baino gutxiago behar ditu ekintza bat berehala hautemateko.
• Hori dela eta, instant.page aurrekargatzeko teknologiak zure webgunea berehala senti dezake 3G-n ere (zure orria errendatzeko abiadura azkarra dela suposatuz).

Nola konpondu web orrien karga motela?

Orriak aurrez kargatzen dira erabiltzaileak bisitatzeko probabilitate handia dagoenean soilik, eta orrialde horren HTMLa baino ez du kargatzen, erabiltzailearen eta zerbitzariaren banda-zabalera eta CPUa errespetatuz.

• Gertaeren entzule pasiboak erabiltzen ditu zure orriak leun mantentzeko.
• Ez da aurrez kargatzen erabiltzaileak datuen babesa gaitzen duenean (1.2.2 bertsiotik aurrera).
• 1 kB da eta gainerako guztiaren ondoren kargatzen da.Doakoa eta kode irekikoa da (MIT lizentzia).

Zein da Prefetch web-orriak instant.page aurrekargatzeak?

Instant.page kodea gehitzen probatu ondoren, webgunerako sarbidearen abiaduraren hobekuntza nahiko handia da oraindik.

• Lehenespenez, gune honetako estekak aldez aurretik kargatzeko iragazkia egingo du eta ez ditu beste guneetako estekak kargatuko.
• Saguak ezkerreko artikuluaren estekan klik egiten duenean 65 ms baino gehiagoz, Sareak artikulu orria aurrekargatuko du.
• 65 ms baino gutxiago igarotzean, ez da aurrekargarik egiten (zati gorria)▼

Instant.page erabiltzeak nabarmen handituko du zure gunearen PV eta eskaera-bolumena:

• Lagun batek esan zuen bisita bakoitzeko batez besteko bisita kopurua 13.84 izan zela.
• Erabili ondoren, biztanleko bisita kopurua 17.43ra igo zen, hau da, pertsonako 4 orrialde gehiago irekitzearen baliokidea.

Kontuz:

• Kontuan izan behar da ordainpeko CDNak eta gune osoko CDN irekiak erabiltzen dituzten blogariek kontu handiz egin behar dutela.
• Baina ez kezkatu, aurrekargak html orriak bakarrik kargatzen ditu, irudiak eta bestelako fitxategiak ez dira, beraz, ez da trafiko galera handirik izango.

Nola erabili web-orriak aurrekargatzeko teknologia?

Izan ere, rel atributu bat dago html5-en esteka-etiketan, horietako bat prefetch da, baina kontsumitzaile kopurua txikia da.

Artikulu honetan sartutako instant.page teknika hau erabiltzen duen script bat da.

• Script honek erabiltzaileak estekaren gainean zenbat denbora daraman saguaren arabera epaituko du.
• 65 ms-ra iristen denean, erabiltzaileak esteka irekitzeko aukera erdi bat du eta Instant.page-k orrialde hau aurrez kargatzen du.

Web-orria aurrekargatu JS script kodea

1) Eman ofizialki JS script-ak Cloudflare azelerazioarekin▼

Instant.page-ren erabilera oso erraza da, gehitu hurrengo kodea zure webguneanEtiketa baino lehen.

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

2) Norberak ostatutako askatasunaChen WeiliangEskaintza▼

• Scripta zerbitzarian bizi da, Instantclick-1.2.2.js, beraz, ez duzu gauzak moteltzeaz kezkatu beharrik. 

Gehitu hurrengo kodea zure webguneanEtiketa baino lehen:

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