Yintoni ukusetyenziswa kokulayisha kwangaphambili kwekhasi lewebhu? Layisha kwangaphambili iteknoloji yekhasi lewebhu

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 ▼

Yintoni ukusetyenziswa kokulayisha kwangaphambili kwekhasi lewebhu? Layisha kwangaphambili iteknoloji yekhasi lewebhu

  • 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)▼

    当鼠标点击左侧的文章链接超过65毫秒时,右边的Network将预加载文章页面。 当悬停不超过65毫秒时,不执行预加载(红色部分)

    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>

    Shiya uluvo

    Idilesi yakho ye-imeyile ayizupapashwa. Iinkalo ezifunekayo zisetyenzisiwe * Ileyibheli

    Skrolela phezulu