Dab tsi yog kev siv lub vev xaib preloading? Prefetch lub vev xaib preload instant.page technology

Web page loading ceev yuav cuam tshuam rau kojE-kev lag luamlub website hauv search engineSEOqeb duas.

Lub vev xaib preloading yog dab tsi?

Muaj cov txheej txheem hu ua prefetch uas yog ib qho txheej txheem preload.

• Thaum tus neeg siv txhob txwm mus saib nplooj ntawv, browser preloads nplooj ntawv.
• Thaum tus neeg siv tau nyem rau ntawm qhov txuas, tus neeg siv ncaj qha nyeem nplooj ntawv cov ntsiab lus los ntawm preloaded cache thiab txo cov nplooj ntawv lub sij hawm.
• Amazon thiab lwm tus tau pom tias 100-millisecond latency tso nyiaj rau 1% ntawm kev muag khoom, tab sis latency ntawm lub vev xaib nyuaj dhau los.

Prefetch lub vev xaibKev siv preloading yog dab tsi?

instant.page siv instant preloading - nws preloads nplooj ntawv ua ntej tus neeg siv clicks ▼

• Ua ntej tus neeg siv nyem qhov txuas, lawv hla qhov txuas.
• Thaum tus neeg siv hovers rau 65ms, lawv yuav muaj sijhawm los nyem rau ntawm qhov txuas, yog li instant.page pib preload ntawm qhov no, qhov nruab nrab tshaj 300ms rau nplooj ntawv ua ntej.
• Ntawm cov khoom siv txawb, cov neeg siv pib kov lawv cov zaub ua ntej tso tawm, noj qhov nruab nrab ntawm 90ms los preload nplooj ntawv.

Prefetch ua rau cov nplooj ntawv web thauj khoom sai dua

• Tib neeg lub hlwb siv sijhawm tsawg dua 100 milliseconds kom pom qhov ua tam sim ntawd.
• Yog li ntawd, instant.page preloading thev naus laus zis tuaj yeem ua rau koj lub vev xaib xav tau sai txawm tias ntawm 3G (xav tias koj nplooj ntawv ua kom nrawm nrawm).

Yuav ua li cas los daws qhov qeeb loading ntawm nplooj ntawv web?

Cov nplooj ntawv yog preloaded tsuas yog thaum muaj qhov tshwm sim siab uas tus neeg siv yuav mus ntsib lawv, thiab nws tsuas yog preloads HTML rau nplooj ntawv ntawd, hwm lub bandwidth thiab CPU ntawm tus neeg siv thiab lub server.

• Nws siv cov kev tshwm sim passive mloog kom koj cov nplooj ntawv du.
• Nws tsis yog preloaded thaum tus neeg siv enables cov ntaub ntawv tiv thaiv (raws li version 1.2.2).
• Nws yog 1 kB thiab loads tom qab txhua yam.Nws yog dawb thiab qhib qhov chaw (MIT daim ntawv tso cai).

Cov txiaj ntsig ntawm Prefetch webpage preloading instant.page yog dab tsi?

Tom qab kev sim ntxiv qhov instant.page code, kev txhim kho hauv lub vev xaib nkag mus ceev yog tseem loj heev.

• Los ntawm lub neej ntawd nws yuav lim kom preload tsuas yog qhov chaw txuas no thiab yuav tsis thauj cov txuas los ntawm lwm qhov chaw.
• Thaum tus nas nyem rau ntawm kab ntawv txuas ntawm sab laug rau ntau dua 65ms, Network yuav preload nplooj ntawv.
• Thaum hovering tsawg dua 65ms, preloading tsis ua (liab ib feem) ▼

Siv instant.page yuav ua rau kom koj qhov chaw PV thiab thov ntim:

• Ib tug phooj ywg hais tias nws qhov nruab nrab ntawm kev mus ntsib ib zaug yog 13.84.
• Tom qab siv, tus naj npawb ntawm cov neeg tuaj ntsib tau nce mus rau 17.43, uas yog sib npaug rau qhib 4 nplooj ntawv ntxiv rau ib tus neeg.

Nco tseg:

• Nws yuav tsum raug sau tseg tias bloggers siv CDNs them nyiaj thiab qhib tag nrho-site CDNs yuav tsum ua li ntawd nrog ceev faj.
• Tab sis tsis txhob txhawj, preload tsuas loads html nplooj ntawv, dluab thiab lwm yam ntaub ntawv yuav tsis, yog li ntawd yuav tsis muaj ntau yam tsheb khiav.

Yuav siv web page preloading technology li cas?

Qhov tseeb, muaj rel attribute nyob rau hauv qhov txuas tag ntawm html5, ib qho ntawm cov prefetch, tab sis cov neeg siv khoom tsawg.

Lub instant.page qhia hauv kab lus no yog ib tsab ntawv uas siv cov txheej txheem no.

• Tsab ntawv no yuav txiav txim raws li ntev npaum li cas tus neeg siv nas hla qhov txuas.
• Thaum nws hits 65ms, tus neeg siv muaj ib nrab sij hawm qhib qhov txuas thiab Instant.page preloads nplooj ntawv no.

Cov nplooj ntawv web preload JS tsab ntawv code

1) Muab JS cov ntawv sau nrog Cloudflare acceleration ▼

Kev siv instant.page yog qhov yooj yim heev, tsuas yog ntxiv cov lej hauv qab no rau koj lub vev xaibUa ntej daim ntawv lo.

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

2) Kev ywj pheej ntawm tus kheejChen WeiliangMuab ▼

• Tsab ntawv nyob hauv lub server, Instantclick-1.2.2.js, yog li koj tsis tas yuav txhawj xeeb txog kev ua haujlwm qeeb. 

Thov ntxiv cov cai hauv qab no rau koj lub vev xaibUa ntej daim ntawv lo:

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