Unsa ang gamit sa preloading sa web page? Prefetch web page preload instant.page teknolohiya

Ang katulin sa pagkarga sa panid sa web makaapekto sa imongE-commercewebsite sa search engineSEOranggo.

Unsa ang web page preloading?

Adunay usa ka teknik nga gitawag nga prefetch nga sa tinuud usa ka teknik nga preload.

• Kung ang usa ka user tinuyo nga mobisita sa usa ka panid, ang browser nag-preload sa panid.
• Kung ang user aktuwal nga nag-klik sa link, ang user direkta nga nagbasa sa sulud sa panid gikan sa gi-preloaded nga cache ug gipakunhod ang oras sa pagkarga sa panid.
• Ang Amazon ug uban pa nakit-an nga ang 100-millisecond latency nagkantidad sa 1% sa mga halin, apan ang latency sa web lisud mabuntog.

Prefetch nga webpageUnsa ang gamit sa preloading?

Ang instant.page naggamit dayon nga preloading - kini nag-preload sa panid sa dili pa ang user mag-klik ▼

• Sa dili pa i-klik sa user ang link, mag-hover sila sa link.
• Sa diha nga ang user mag-hover sa 65ms, sila adunay higayon sa pag-klik sa link, mao nga instant.page magsugod sa preload niini nga punto, nga nag-aberids sa labaw sa 300ms alang sa panid sa preload.
• Sa mga mobile device, ang mga tiggamit magsugod sa paghikap sa ilang display sa dili pa ipagawas, nga mokuha ug aberids nga 90ms aron ma-preload ang panid.

Gipadali sa prefetch ang pagkarga sa mga panid sa web

• Ang utok sa tawo nagkinahanglan og ubos pa sa 100 milliseconds aron makamatikod sa usa ka aksyon dayon.
• Busa, ang instant.page preloading nga teknolohiya makahimo sa imong website nga mobati dayon bisan sa 3G (nagtuo nga ang imong page rendering speed paspas).

Giunsa pagsulbad ang hinay nga pagkarga sa mga panid sa web?

Gi-preload lang ang mga panid kung adunay taas nga posibilidad nga bisitahan sila sa tiggamit, ug gi-preload lang niini ang HTML alang sa kana nga panid, girespeto ang bandwidth ug CPU sa tiggamit ug sa server.

• Gigamit niini ang mga passive nga tigpaminaw sa panghitabo aron mapadayon ang imong mga panid nga hapsay.
• Dili kini preloaded kon ang user makahimo sa pagpanalipod sa data (sama sa bersyon 1.2.2).
• Kini 1 kB ug nag-load pagkahuman sa tanan.Libre kini ug bukas nga gigikanan (lisensya sa MIT).

Unsa ang epekto sa Prefetch webpage preloading instant.page?

Pagkahuman sa pagsulay sa pagdugang sa instant.page code, ang pag-uswag sa katulin sa pag-access sa website medyo dako pa.

• Pinaagi sa default kini magsala aron i-preload lamang kini nga mga link sa site ug dili magkarga sa mga link gikan sa ubang mga site.
• Kung ang mouse mag-klik sa link sa artikulo sa wala nga sobra sa 65ms, ang Network mag-preload sa panid sa artikulo.
• Kung nag-hover sa ubos sa 65ms, ang preloading wala gihimo (pula nga bahin)▼

Ang paggamit sa instant.page makadugang pag-ayo sa PV sa imong site ug gidaghanon sa hangyo:

• Usa ka higala miingon nga ang iyang average nga gidaghanon sa mga pagbisita matag pagbisita mao ang 13.84.
• Human sa paggamit, ang kada capita nga gidaghanon sa mga pagbisita misaka ngadto sa 17.43, nga katumbas sa pag-abli ug 4 pa ka panid matag tawo.

Hinumdomi:

• Kinahanglan nga matikdan nga ang mga blogger nga naggamit sa mga bayad nga CDN ug bukas nga full-site nga mga CDN kinahanglan nga buhaton kini uban ang pag-amping.
• Apan ayaw kabalaka, ang preload nagkarga ra sa mga panid sa html, mga imahe ug uban pang mga file dili, aron wala’y daghang pagkawala sa trapiko.

Giunsa paggamit ang teknolohiya sa preloading sa web page?

Sa tinuud, adunay usa ka rel attribute sa link tag sa html5, usa niini mao ang prefetch, apan ang gidaghanon sa mga konsumedor gamay ra.

Ang instant.page nga gipaila niining artikuloha usa ka script nga naggamit niini nga teknik.

• Kini nga script maghukom base sa kung unsa kadugay ang user mouse sa ibabaw sa link.
• Kung naigo kini sa 65ms, ang tiggamit adunay tunga nga higayon sa pag-abli sa link ug ang Instant.page nag-preload niini nga panid.

Ang web page preload JS script code

1) Opisyal nga maghatag ug JS scripts sa Cloudflare acceleration▼

Ang paggamit sa instant.page yano ra kaayo, idugang lang ang mosunod nga code sa imong websiteSa wala pa ang label.

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

2) Kagawasan nga gi-host sa kaugalingonChen WeiliangTanyag▼

• Ang script nagpuyo sa server, Instantclick-1.2.2.js, aron dili ka mabalaka bahin sa pagpahinay sa mga butang. 

Palihug idugang ang mosunod nga code sa imong websiteSa wala pa ang label:

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