Kakšna je uporaba prednalaganja spletne strani? Tehnologija vnaprejšnjega prenosa spletne strani instant.page

Hitrost nalaganja spletne strani bo vplivala na vašoE-trgovinaspletno mesto v iskalnikuSEOUvrstitev.

Kaj je prednalaganje spletne strani?

Obstaja tehnika, imenovana prefetch, ki je pravzaprav tehnika prednalaganja.

• Ko uporabnik namerno obišče stran, brskalnik stran vnaprej naloži.
• Ko uporabnik dejansko klikne povezavo, neposredno prebere vsebino strani iz vnaprej naloženega predpomnilnika in skrajša čas nalaganja strani.
• Amazon in drugi so ugotovili, da 100-milisekundna zakasnitev predstavlja 1 % prodaje, vendar je zakasnitev na spletu težko premagati.

Vnaprej prinesi spletno stranKakšna je uporaba prednalaganja?

instant.page uporablja takojšnje prednalaganje - vnaprej naloži stran, preden uporabnik klikne ▼

• Preden uporabnik klikne povezavo, se s kazalcem miške pomakne nad povezavo.
• Ko uporabnik lebdi 65 ms, bo imel možnost klikniti povezavo, tako da se instant.page na tej točki začne prednalagati, pri čemer v povprečju traja več kot 300 ms, da se stran prednaloži.
• Na mobilnih napravah se uporabniki začnejo dotikati svojega zaslona, ​​preden izpustijo stran, kar v povprečju traja 90 ms, da se stran predhodno naloži.

Prefetch omogoča hitrejše nalaganje spletnih strani

• Človeški možgani potrebujejo manj kot 100 milisekund, da takoj zaznajo dejanje.
• Zato lahko tehnologija prednalaganja instant.page poskrbi, da se vaše spletno mesto takoj počuti tudi v 3G (ob predpostavki, da je hitrost upodabljanja vaše strani visoka).

Kako rešiti počasno nalaganje spletnih strani?

Strani so vnaprej naložene samo, če obstaja velika verjetnost, da jih bo uporabnik obiskal, in vnaprej naloži samo HTML za to stran, pri čemer upošteva pasovno širino in CPU uporabnika in strežnika.

• Uporablja pasivne poslušalce dogodkov, da vaše strani ostanejo gladke.
• Ni prednaložen, ko uporabnik omogoči zaščito podatkov (od različice 1.2.2).
• Ima 1 kB in se naloži za vsem drugim.Je brezplačen in odprtokoden (licenca MIT).

Kakšen je učinek vnaprejšnjega nalaganja spletne strani Prefetch instant.page?

Po testiranju dodajanja kode instant.page je izboljšanje hitrosti dostopa do spletne strani še vedno relativno veliko.

• Privzeto bo filtriral tako, da vnaprej naloži samo povezave tega spletnega mesta in ne bo naložil povezav z drugih spletnih mest.
• Ko z miško kliknete povezavo članka na levi za več kot 65 ms, bo omrežje vnaprej naložilo stran članka.
• Pri lebdenju manj kot 65 ms se prednapetost ne izvede (rdeč del)▼

Uporaba instant.page bo znatno povečala PV vašega spletnega mesta in obseg zahtev:

• Prijatelj je rekel, da je bilo njegovo povprečno število obiskov na obisk 13.84.
• Po uporabi se je število obiskov na prebivalca dvignilo na 17.43, kar je enakovredno odprtju še 4 strani na osebo.

注意 事项:

• Upoštevati je treba, da morajo blogerji, ki uporabljajo plačane CDN-je in odprte CDN-je s polno stranjo, to početi previdno.
• Vendar ne skrbite, prednalaganje naloži samo strani html, slike in druge datoteke pa ne, zato ne bo veliko izgube prometa.

Kako uporabljati tehnologijo prednalaganja spletnih strani?

Pravzaprav obstaja atribut rel v oznaki povezave html5, eden od njih je vnaprejšnje pridobivanje, vendar je število potrošnikov majhno.

Instant.page, predstavljena v tem članku, je skript, ki uporablja to tehniko.

• Ta skript bo presodil glede na to, kako dolgo uporabnik miško premika nad povezavo.
• Ko doseže 65 ms, ima uporabnik polovično možnost, da odpre povezavo, in Instant.page vnaprej naloži to stran.

Spletna stran vnaprej naloži kodo skripta JS

1) Uradno zagotovite skripte JS s pospeškom Cloudflare▼

Uporaba instant.page je zelo preprosta, samo dodajte naslednjo kodo na svojo spletno stranTik pred etiketo.

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

2) Samostojna svobodaChen WeiliangPonudba▼

• Skript je v strežniku Instantclick-1.2.2.js, tako da vam ni treba skrbeti, da bi stvari upočasnili. 

Dodajte naslednjo kodo na svoje spletno mestoTik pred oznako:

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