Isalathiso senqaku
Isantya sokulayisha iphepha lewebhu siya kukuchaphazelaEzorhweboiwebhusayithi kwi-injini yokukhangelaseoumgangatho.
Yintoni ukulayisha kwangaphambili iphepha lewebhu?
Kukho ubuchule obubizwa ngokuba yi-prefetch eneneni bubuchule bokulayisha kwangaphambili.
- Xa umsebenzisi etyelela ngabom iphepha, isikhangeli silayisha kuqala iphepha.
- Xa umsebenzisi ecofa ikhonkco, umsebenzisi ufunda ngokuthe ngqo umxholo wephepha kwi-cache elayishwe ngaphambili kwaye unciphisa ixesha lokulayisha iphepha.
- I-Amazon kunye nabanye baye bafumanisa ukuba i-akhawunti ye-100-millisecond latency i-1% yokuthengisa, kodwa i-latency kwiwebhu kunzima ukuyinqoba.
Landa iphepha lewebhu kwangaphambiliYintoni ukusetyenziswa kokulayisha kwangaphambili?
Instant.page isebenzisa ukulayisha kwangaphambili ngoko nangoko- ilayisha kwangaphambili iphepha phambi kokuba umsebenzisi acofe ▼

- Ngaphambi kokuba umsebenzisi acofe ikhonkco, bahamba phezu kwekhonkco.
- Xa umsebenzisi ezulazula kwi-65ms, baya kuba nethuba lokucofa kwikhonkco, ngoko ke i-instant.page iqala ukulayishwa kwangaphambili ngeli nqanaba, i-avareji engaphezulu kwe-300ms ukuze iphepha lilayishe kwangaphambili.
- Kwizixhobo eziphathwayo, abasebenzisi baqala ukuchukumisa umboniso wabo ngaphambi kokukhulula, bathatha umyinge we-90ms ukulayisha kwangaphambili iphepha.
Ukulanda kwangaphambili kwenza amaphepha ewebhu alayishe ngokukhawuleza
- Ingqondo yomntu ithatha ngaphantsi kwe-100 millisecond ukubona isenzo ngoko nangoko.
- Ke ngoko, itekhnoloji yokulayishwa kwangaphambili kwe-instant.page inokwenza iwebhusayithi yakho izive ngoko nangoko nakwi-3G (ucinga ukuba iphepha lakho elinikezela ngesantya liyakhawuleza).
Ukusombulula njani ukulayishwa okucothayo kwamaphepha ewebhu?
Amaphepha alayishwe kwangaphambili kuphela xa kukho ithuba eliphezulu lokuba umsebenzisi uya kubatyelela, kwaye ilayisha kuphela i-HTML yelo phepha, ngokuhlonipha i-bandwidth kunye ne-CPU yomsebenzisi kunye nomncedisi.
- Isebenzisa abaphulaphuli besiganeko ukugcina amaphepha akho egudileyo.
- Ayilayishwanga kwangaphambili xa umsebenzisi esenza ukhuseleko lwedatha (njengenguqulo 1.2.2).
- Yi-1 kB kwaye ilayisha emva kwayo yonke enye into.Isimahla kunye nomthombo ovulekileyo (ilayisensi ye-MIT).
Yintoni isiphumo sokulayishwa kwangaphambili kwekhasi lewebhu ngokukhawuleza.phepha?
Emva kokuvavanya ukongeza ikhowudi ye-instant.page, ukuphuculwa kwesantya sokufikelela kwiwebhusayithi kusekukhulu.
- Ngokungagqibekanga izakuhluza ukulayisha kuqala kuphela le ndawo yoqhakamshelwano kwaye ayizukulayisha amakhonkco kwezinye iisayithi.
- Xa imouse icofa kwikhonkco lenqaku ekhohlo ngaphezulu kwe-65ms, iNethiwekhi iya kulayisha kwangaphambili iphepha lenqaku.
- Xa undanda ngaphantsi kwe-65ms, ukulayishwa kwangaphambili akwenziwa (inxalenye ebomvu)▼

Ukusebenzisa i-instant.page kuya konyusa kakhulu i-PV yendawo yakho kunye nevolumu yesicelo:
- Umhlobo wathi umndilili yenani lotyelelo ngalunye laliyi-13.84.
- Emva kokusetyenziswa, inani le-per capita yokutyelela liye lanyuka laya kwi-17.43, elilingana nokuvula amaphepha angama-4 ngomntu ngamnye.
Qaphela:
- Kufuneka kuqatshelwe ukuba iiblogi ezisebenzisa ii-CDN ezihlawulwayo kunye nee-CDN ezivulekileyo ezivulekileyo kufuneka zenze njalo ngokuqaphela.
- Kodwa ungakhathazeki, ukulayisha kwangaphambili kuphela kulayisha amaphepha e-html, imifanekiso kunye nezinye iifayile aziyi, ngoko ke akuyi kubakho lahleko yetrafikhi.
Uyisebenzisa njani itekhnoloji yokulayisha kwangaphambili iphepha lewebhu?
Ngapha koko, kukho uphawu lwe-rel kwikhonkco lethegi ye-html5, enye yazo yi-prefetch, kodwa inani labathengi lincinci.
Iphepha elikhawulezayo elaziswa kweli nqaku sisikripthi esisebenzisa obu buchule.
- Esi script siya kugweba ngokusekwe kwixesha elingakanani le mouses zomsebenzisi ngaphezulu kwekhonkco.
- Xa ibetha i-65ms, umsebenzisi unethuba lesiqingatha sokuvula ikhonkco kwaye i-Instant.page ilayisha kwangaphambili eli phepha.
Iphepha lewebhu lilayishe kwangaphambili ikhowudi yescript yeJS
1) Ukubonelela ngokusemthethweni izikripthi ze-JS nge-Cloudflare yokukhawuleza▼
Ukusetyenziswa kwe-instant.page kulula kakhulu, yongeza nje ikhowudi elandelayo kwiwebhusayithi yakhoNgaphambi nje kweleyibhile.
<script src="//instant.page/5.2.0" type="module" integrity="sha384-jnZyxPjiipYXnSU0ygqeac2q7CVYMbh84q0uHVRRxEtvFPiQYbXWUorga2aqZJ0z"></script>
2) Inkululeko yokuzimelaChen WeiliangUnikezelo▼
- Iscript sihlala kumncedisi, i-Instantclick-1.2.2.js, ukuze ungabi naxhala malunga nokucothisa izinto.
Nceda wongeze le khowudi ilandelayo kwiwebhusayithi yakhoNgaphambi nje kweleyibhile:
<script src="https://img.chenweiliang.com/javascript/instantpage.js" type="module"></script>
Ndiyathemba Chen Weiliang Blog ( https://www.chenweiliang.com/ ) kwabelwane "Yintoni umsebenzi wokulayisha kwangaphambili iphepha lewebhu? Landela kwangaphambili ukulayisha kwangaphambili iteknoloji yekhasi lewebhu"ukukunceda.
Wamkelekile ukwabelana ngekhonkco leli nqaku:https://www.chenweiliang.com/cwl-1053.html
