Kio estas la uzo de retpaĝa antaŭŝarĝado? Preŝargi retpaĝon antaŭŝargi instant.page teknologion

Rapido de ŝarĝo de retpaĝo influos vianE-komercoretejo en serĉiloSEOrangotabelo.

Kio estas retpaĝa antaŭŝarĝo?

Estas tekniko nomita prefetch kiu estas fakte antaŭŝarĝa tekniko.

• Kiam uzanto intence vizitas paĝon, la retumilo antaŭŝargas la paĝon.
• Kiam la uzanto fakte alklakas la ligilon, la uzanto rekte legas la paĝan enhavon el la antaŭŝargita kaŝmemoro kaj reduktas la paĝan ŝarĝtempon.
• Amazon kaj aliaj trovis, ke 100-milisekunda latencia okupas 1% de vendoj, sed latenco en la reto estas malfacile superebla.

Antaŭportu retpaĝonKio estas la uzo de antaŭŝarĝado?

instant.page uzas tujan antaŭŝarĝon - ĝi antaŭŝargas la paĝon antaŭ ol la uzanto klakas ▼

• Antaŭ ol la uzanto klakas la ligilon, ili ŝvebas super la ligilo.
• Kiam la uzanto ŝvebas dum 65ms, ili havos ŝancon alklaki la ligilon, do instant.page komencas antaŭŝargi ĉe ĉi tiu punkto, averaĝe pli ol 300ms por la paĝo por antaŭŝargi.
• Sur porteblaj aparatoj, uzantoj komencas tuŝi sian ekranon antaŭ ol liberigi, daŭrante mezume 90 ms por antaŭŝarĝi la paĝon.

Prefetch igas retpaĝojn ŝargi pli rapide

• La homa cerbo bezonas malpli ol 100 milisekundojn por tuj percepti agon.
• Sekve, instant.page-preŝargi teknologio povas fari vian retejon senti tuj eĉ sur 3G (supoze ke via paĝa bildirapideco estas rapida).

Kiel solvi la malrapidan ŝarĝon de retpaĝoj?

Paĝoj estas nur antaŭŝarĝitaj kiam estas alta probablo ke la uzanto vizitos ilin, kaj ĝi nur antaŭŝargas la HTML por tiu paĝo, respektante la bendolarĝon kaj CPU de la uzanto kaj la servilo.

• Ĝi uzas pasivajn eventoaŭskultantojn por teni viajn paĝojn glataj.
• Ĝi ne estas antaŭŝarĝita kiam la uzanto ebligas datumprotekton (de versio 1.2.2).
• Ĝi estas 1 kB kaj ŝarĝas post ĉio alia.Ĝi estas senpaga kaj malferma fonto (licenco MIT).

Kio estas la efiko de Prefetch retpaĝo antaŭŝargi instant.page?

Post provado de aldonado de la instant.page-kodo, la plibonigo de rapideco de aliro al retejo ankoraŭ estas relative granda.

• Defaŭlte ĝi filtrilos por antaŭŝarĝi nur ĉi tiun retejon ligilojn kaj ne ŝargis ligilojn de aliaj retejoj.
• Kiam la muso klakas sur la artikola ligilo maldekstre dum pli ol 65ms, la Reto antaŭŝargos la artikolpaĝon.
• Kiam ŝvebas malpli ol 65ms, antaŭŝarĝo ne estas farita (ruĝa parto)▼

Uzado de instant.page signife pliigos la PV de via retejo kaj petovolumon:

• Amiko diris, ke lia averaĝa nombro da vizitoj po vizito estis 13.84.
• Post uzo, la pokapa nombro de vizitoj altiĝis al 17.43, kio egalas al malfermi 4 pliajn paĝojn por persono.

Noto:

• Oni devas rimarki, ke blogantoj uzantaj pagitaj CDN-oj kaj malfermitaj plenetaj CDN-oj devas fari tion singarde.
• Sed ne maltrankviliĝu, antaŭŝarĝo nur ŝarĝas html-paĝojn, bildoj kaj aliaj dosieroj ne faros, do ne estos multe da trafika perdo.

Kiel uzi retpaĝan antaŭŝarĝan teknologion?

Fakte, estas rel-atributo en la ligilo de html5, unu el kiu estas prefetch, sed la nombro da konsumantoj estas malgranda.

La instant.page enkondukita en ĉi tiu artikolo estas skripto, kiu uzas ĉi tiun teknikon.

• Ĉi tiu skripto juĝos laŭ kiom longe la uzanto musas super la ligilo.
• Kiam ĝi trafas 65ms, la uzanto havas duonan ŝancon malfermi la ligilon kaj Instant.page antaŭŝargas ĉi tiun paĝon.

Retpaĝo antaŭŝargi JS-skriptokodon

1) Oficiale provizi JS-skriptojn per Cloudflare-akcelo▼

La uzo de instant.page estas tre simpla, nur aldonu la sekvan kodon al via retejoĴus antaŭ la etikedo.

<script src="//instant.page/5.2.0" type="module" integrity="sha384-jnZyxPjiipYXnSU0ygqeac2q7CVYMbh84q0uHVRRxEtvFPiQYbXWUorga2aqZJ0z"></script>

2) Mem-gastigita liberecoChen WeiliangOferto▼

• La skripto loĝas en la servilo, Instantclick-1.2.2.js, do vi ne devas zorgi pri malrapidigo de aferoj. 

Bonvolu aldoni la sekvan kodon al via retejoĴus antaŭ la etikedo:

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