Chì ghjè l'usu di precaricamentu di a pagina web? Prefetch pagina web preload tecnologia instant.page

A velocità di carica di a pagina web affetterà u vostruE-commercesitu web in u mutore di ricercaSEOclassificazione.

Chì ghjè u precaricamentu di a pagina web?

Ci hè una tecnica chjamata prefetch chì hè in realtà una tecnica di preload.

• Quandu un utilizatore visita intenzionalmente una pagina, u navigatore precarica a pagina.
• Quandu l'utilizatori faci cliccà in u ligame, l'utilizatore leghje direttamente u cuntenutu di a pagina da a cache precaricata è riduce u tempu di carica di a pagina.
• Amazon è altri anu truvatu chì a latenza di 100 millisecondi cuntene 1% di vendite, ma a latenza in u web hè difficiule di superà.

Prefetch pagina webChì ghjè l'usu di preloading?

instant.page usa precaricamentu istantaneu - precarica a pagina prima chì l'utilizatore clicchi ▼

• Prima chì l'utilizatori cliccà u ligame, passanu sopra u ligame.
• Quandu l'utilizatore passa per 65ms, avarà a pussibilità di cliccà nantu à u ligame, cusì instant.page cumencia à precaricate à questu puntu, in media di più di 300ms per a pagina per precaricare.
• Nant'à i dispositi mobili, l'utilizatori cumincianu à toccu a so visualizazione prima di liberà, piglià una media di 90 ms per precaricare a pagina.

Prefetch rende e pagine web caricate più veloce

• U cervellu umanu piglia menu di 100 millisecondi per percive un'azzione istantaneamente.
• Dunque, a tecnulugia di preloading instant.page pò fà chì u vostru situ web si senti istantaneu ancu in 3G (assumendu chì a velocità di rendering di a pagina hè rapida).

Cumu risolve a carica lenta di e pagine web?

E pagine sò precaricate solu quandu ci hè una probabilità alta chì l'utilizatore li visita, è solu precarica l'HTML per quella pagina, rispettendu a larghezza di banda è u CPU di l'utilizatore è u servitore.

• Utiliza ascoltatori passivi di eventi per mantene e vostre pagine liscia.
• Ùn hè micca precaricatu quandu l'utilizatore permette a prutezzione di dati (da a versione 1.2.2).
• Hè 1 kB è carica dopu à tuttu u restu.Hè liberu è open source (licenza MIT).

Chì ghjè l'effettu di Prefetch web page preloading instant.page?

Dopu a prova di aghjunghje u codice instant.page, a migliione di a velocità di accessu à u situ web hè sempre relativamente grande.

• Per automaticamente, filtrarà per precaricare solu i ligami di u situ è ​​ùn carcà micca ligami da altri siti.
• Quandu u mouse cliccà nantu à u ligame di l'articulu à a manca per più di 65 ms, a Rete precaricarà a pagina di l'articulu.
• Quandu si passa per menu di 65 ms, a precarica ùn hè micca realizata (parte rossa) ▼

Utilizà instant.page aumenterà significativamente u PV di u vostru situ è ​​u voluminu di dumanda:

• Un amicu hà dettu chì u so numeru mediu di visite per visita era 13.84.
• Dopu l'usu, u numeru di visite per capita hè ghjuntu à 17.43, chì equivale à l'apertura di 4 pagine più per persona.

Nota:

• Semu devi esse nutatu chì i bloggers chì utilizanu CDN pagati è CDN aperti di u situ sanu duveranu fà cun prudenza.
• Ma ùn vi preoccupate, preload solu carica pagine html, l'imaghjini è altri schedari ùn saranu micca, cusì ùn ci sarà micca assai perdita di trafficu.

Cumu aduprà a tecnulugia di precaricamentu di e pagine web?

In fatti, ci hè un attributu rel in u tag di ligame di html5, unu di quale hè prefetch, ma u numeru di cunsumatori hè chjucu.

U instant.page introduttu in questu articulu hè un script chì usa sta tecnica.

• Questu script ghjudicherà basatu annantu à quantu tempu l'utilizatore passa nantu à u ligame.
• Quandu tocca 65ms, l'utilizatore hà una mezza chance di apre u ligame è Instant.page precarica sta pagina.

A pagina web precarica u codice di script JS

1) Fornite ufficialmente script JS cù accelerazione Cloudflare▼

L'usu di instant.page hè assai simplice, basta aghjunghje u codice seguente à u vostru situ webAppena prima di l'etichetta.

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

2) Libertà self-hostedChen WeiliangOfferta ▼

• U script vive in u servitore, Instantclick-1.2.2.js, perchè ùn avete micca da preoccupari di rallentà e cose. 

Per piacè aghjunghje u codice seguente à u vostru situ webAppena prima di l'etichetta:

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