Čemu služi prethodno učitavanje web stranice? Prefetch web page unaprijed učitavanje instant.page tehnologija

Brzina učitavanja web stranice utjecat će na vašudobavljač električne energijeweb stranica u tražiliciSEOrangiranje.

Što je predučitavanje web stranice?

Postoji tehnika koja se zove prefetch koja je zapravo tehnika prethodnog učitavanja.

• Kada korisnik namjerno posjeti stranicu, preglednik unaprijed učitava stranicu.
• Kada korisnik stvarno klikne vezu, korisnik izravno čita sadržaj stranice iz unaprijed učitane predmemorije i smanjuje vrijeme učitavanja stranice.
• Amazon i drugi su otkrili da kašnjenje od 100 milisekundi čini 1% prodaje, ali kašnjenje na webu teško je prevladati.

Unaprijed dohvati web stranicuČemu služi prethodno učitavanje?

instant.page koristi trenutno predučitavanje - unaprijed učitava stranicu prije nego što korisnik klikne ▼

• Prije nego što korisnik klikne poveznicu, lebdi iznad veze.
• Kada korisnik lebdi 65 ms, imat će priliku kliknuti na vezu, tako da se instant.page počinje predučitavati u ovom trenutku, u prosjeku više od 300 ms za predučitavanje stranice.
• Na mobilnim uređajima korisnici počnu dodirivati ​​zaslon prije nego što ga otpuste, u prosjeku je potrebno 90 ms da se unaprijed učita stranica.

Prefetch omogućuje brže učitavanje web stranica

• Ljudskom mozgu treba manje od 100 milisekundi da trenutačno uoči radnju.
• Stoga tehnologija predučitavanja instant.page može učiniti da se vaše web mjesto osjeća trenutno čak i na 3G (pod pretpostavkom da je brzina prikazivanja vaše stranice velika).

Kako riješiti sporo učitavanje web stranica?

Stranice se unaprijed učitavaju samo kada postoji velika vjerojatnost da će ih korisnik posjetiti i unaprijed se učitava samo HTML za tu stranicu, poštujući propusnost i CPU korisnika i poslužitelja.

• Koristi pasivne slušatelje događaja kako bi vaše stranice bile glatke.
• Nije unaprijed učitano kada korisnik omogući zaštitu podataka (od verzije 1.2.2).
• Ima 1 kB i učitava se nakon svega ostalog.Besplatan je i otvorenog koda (MIT licenca).

Kakav je učinak prethodnog dohvaćanja web stranice koja unaprijed učitava instant.page?

Nakon testiranja dodavanja koda instant.page, poboljšanje u brzini pristupa web stranici još uvijek je relativno veliko.

• Prema zadanim postavkama filtrirat će unaprijed učitavanje veza samo ove stranice i neće učitavati veze s drugih stranica.
• Kada miš klikne na poveznicu članka s lijeve strane dulje od 65 ms, mreža će unaprijed učitati stranicu članka.
• Kada lebdi kraće od 65 ms, prednapon se ne izvodi (crveni dio)▼

Korištenje instant.page značajno će povećati PV vaše web stranice i broj zahtjeva:

• Prijatelj je rekao da je njegov prosječan broj posjeta po posjeti bio 13.84.
• Nakon korištenja, broj posjeta po glavi stanovnika porastao je na 17.43, što je jednako otvaranju još 4 stranice po osobi.

Mjere opreza:

• Valja napomenuti da bi blogeri koji koriste plaćene CDN-ove i otvorene CDN-ove na cijeloj web-lokaciji trebali to činiti s oprezom.
• Ali ne brinite, predučitavanje učitava samo html stranice, slike i druge datoteke neće, tako da neće biti velikog gubitka prometa.

Kako koristiti tehnologiju predučitavanja web stranice?

Zapravo, postoji rel atribut u oznaci veze html5, od kojih je jedan unaprijed dohvaćen, ali broj potrošača je mali.

Instant.page predstavljena u ovom članku je skripta koja koristi ovu tehniku.

• Ova skripta će procijeniti na temelju toga koliko dugo korisnik mišem prelazi preko veze.
• Kada dosegne 65 ms, korisnik ima polovicu šanse da otvori vezu i Instant.page unaprijed učitava ovu stranicu.

Prethodno učitavanje web-stranice koda JS skripte

1) Službeno ponudite JS skripte s Cloudflare akceleracijom▼

Korištenje instant.page je vrlo jednostavno, samo dodajte sljedeći kod na svoju web stranicuNeposredno prije etikete.

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

2) Samostalna slobodaChen WeiliangPonuda▼

• Skripta se nalazi na poslužitelju, Instantclick-1.2.2.js, tako da ne morate brinuti o usporavanju stvari. 

Dodajte sljedeći kod na svoju web stranicuNeposredno prije oznake:

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