Je, ni matumizi gani ya upakiaji wa awali wa ukurasa wa wavuti? Leta mapema teknolojia ya ukurasa wa wavuti

Kasi ya upakiaji wa ukurasa wa wavuti itaathiri yakoE-biasharatovuti katika injini ya utafutajiSEOcheo.

Upakiaji wa awali wa ukurasa wa wavuti ni nini?

Kuna mbinu inayoitwa prefetch ambayo kwa kweli ni mbinu ya upakiaji mapema.

• Wakati mtumiaji anatembelea ukurasa kwa makusudi, kivinjari hupakia ukurasa.
• Wakati mtumiaji anabofya kiungo, mtumiaji husoma moja kwa moja maudhui ya ukurasa kutoka kwa akiba iliyopakiwa awali na kupunguza muda wa kupakia ukurasa.
• Amazon na wengine wamegundua kuwa latency ya 100-millisecond akaunti kwa 1% ya mauzo, lakini latency kwenye wavuti ni ngumu kushinda.

Leta mapema ukurasa wa wavutiMatumizi ya kupakia mapema ni nini?

instant.page hutumia upakiaji wa papo hapo - hupakia ukurasa kabla ya mtumiaji kubofya ▼

• Kabla ya mtumiaji kubofya kiungo, huelea juu ya kiungo.
• Mtumiaji anapoelea kwa 65ms, atapata nafasi ya kubofya kiungo, kwa hivyo instant.page huanza kupakiwa mapema katika hatua hii, wastani wa zaidi ya 300ms ili ukurasa upakie mapema.
• Kwenye vifaa vya mkononi, watumiaji huanza kugusa onyesho lao kabla ya kuchapisha, ikichukua wastani wa 90ms kupakia ukurasa mapema.

Uletaji awali hufanya kurasa za wavuti zipakie haraka

• Ubongo wa mwanadamu huchukua chini ya milisekunde 100 ili kutambua kitendo papo hapo.
• Kwa hivyo, teknolojia ya upakiaji wa ukurasa wa instant.page inaweza kufanya tovuti yako kuhisi papo hapo hata kwenye 3G (ikizingatiwa kuwa kasi ya uwasilishaji wa ukurasa wako ni haraka).

Jinsi ya kutatua upakiaji polepole wa kurasa za wavuti?

Kurasa hupakiwa tu wakati kuna uwezekano mkubwa kwamba mtumiaji atazitembelea, na hupakia tu HTML ya ukurasa huo mapema, ikiheshimu kipimo data na CPU ya mtumiaji na seva.

• Inatumia wasikilizaji wa matukio tu ili kuweka kurasa zako sawa.
• Haijapakiwa mapema mtumiaji anapowasha ulinzi wa data (kuanzia toleo la 1.2.2).
• Ni kB 1 na hupakia baada ya kila kitu kingine.Ni chanzo cha bure na wazi (leseni ya MIT).

Je, ni nini athari ya Upakiaji wa awali wa ukurasa wa wavuti instant.page?

Baada ya kujaribu kuongeza msimbo wa instant.page, uboreshaji wa kasi ya ufikiaji wa tovuti bado ni kubwa.

• Kwa chaguo-msingi itachuja ili kupakia mapema viungo vya tovuti hii pekee na haitapakia viungo kutoka kwa tovuti zingine.
• Wakati kipanya kinapobofya kiungo cha makala upande wa kushoto kwa zaidi ya 65ms, Mtandao utapakia mapema ukurasa wa makala.
• Wakati wa kuelea kwa chini ya 65ms, upakiaji wa awali haufanyiki (sehemu nyekundu)▼

Kutumia instant.page kutaongeza kwa kiasi kikubwa PV ya tovuti yako na kiasi cha ombi:

• Rafiki yake alisema kuwa wastani wa idadi yake ya kutembelewa kwa kila ziara ilikuwa 13.84.
• Baada ya matumizi, idadi ya watu waliotembelea iliongezeka hadi 17.43, ambayo ni sawa na kufungua kurasa 4 zaidi kwa kila mtu.

注意 事项:

• Ikumbukwe kwamba wanablogu wanaotumia CDN zinazolipwa na CDN za tovuti kamili wanapaswa kufanya hivyo kwa tahadhari.
• Lakini usijali, kupakia mapema tu hupakia kurasa za html, picha na faili zingine hazitafanya, kwa hivyo hakutakuwa na upotezaji mwingi wa trafiki.

Jinsi ya kutumia teknolojia ya upakiaji wa ukurasa wa wavuti?

Kwa kweli, kuna sifa ya rel kwenye tepe ya kiunganishi ya HTML5, moja ambayo ni uletaji mapema, lakini idadi ya watumiaji ni ndogo.

Ukurasa wa papo hapo ulioletwa katika makala haya ni hati inayotumia mbinu hii.

• Hati hii itahukumu kulingana na muda gani mtumiaji anaweka panya kwenye kiungo.
• Inapofikia 65ms, mtumiaji ana nafasi nusu ya kufungua kiungo na Instant.page itapakia mapema ukurasa huu.

Ukurasa wa wavuti pakia mapema msimbo wa hati ya JS

1) Toa hati za JS rasmi na kuongeza kasi ya Cloudflare▼

Matumizi ya instant.page ni rahisi sana, ongeza tu nambari ifuatayo kwenye tovuti yakoKabla ya lebo.

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

2) Uhuru wa kujitegemeaChen WeiliangOfa▼

• Hati huishi katika seva, Instantclick-1.2.2.js, kwa hivyo huna haja ya kuwa na wasiwasi kuhusu kupunguza kasi ya mambo. 

Tafadhali ongeza msimbo ufuatao kwenye tovuti yakoKabla ya lebo:

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