Koja je upotreba prethodnog učitavanja web stranice? Unaprijed dohvati web stranicu unaprijed učitaj instant.page tehnologiju

Brzina učitavanja web stranice će uticati na vašuE-trgovinaweb stranicu u pretraživačuSEORangiranje.

Šta je učitavanje web stranice?

Postoji tehnika koja se zove prefetch koja je zapravo tehnika preloada.

• Kada korisnik namjerno posjeti stranicu, pretraživač prethodno učitava stranicu.
• Kada korisnik zaista klikne na vezu, korisnik direktno čita sadržaj stranice iz prethodno učitane keš memorije 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 je teško prevladati.

Unaprijed dohvati web stranicuKoja je upotreba predučitavanja?

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

• Prije nego što korisnik klikne na vezu, on pređe mišem iznad veze.
• Kada korisnik lebdi 65ms, imaće priliku da klikne na vezu, tako da instant.page počinje da se učitava u ovom trenutku, u proseku preko 300ms da se stranica unapred učitava.
• Na mobilnim uređajima, korisnici počinju dodirivati ​​svoj ekran prije nego što ga otpuste, pri čemu im je potrebno u prosjeku 90 ms da unaprijed učitaju stranicu.

Prefetch ubrzava učitavanje web stranica

• Ljudskom mozgu treba manje od 100 milisekundi da odmah uoči neku radnju.
• Stoga, tehnologija instant.page preloadinga može učiniti da se vaša web stranica 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 unapred učitavaju samo kada postoji velika verovatnoća da će ih korisnik posetiti, i samo unapred učitava HTML za tu stranicu, poštujući propusni opseg i CPU korisnika i servera.

• Koristi pasivne slušaoce 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).
• To je 1 kB i učitava se nakon svega ostalog.Besplatan je i otvorenog koda (MIT licenca).

Kakav je učinak prethodnog učitavanja web-stranice instant.page?

Nakon testiranja dodavanja instant.page koda, poboljšanje brzine pristupa web stranici je i dalje relativno veliko.

• Podrazumevano će filtrirati tako da unaprijed učitava samo linkove ove stranice i neće učitavati veze s drugih stranica.
• Kada miš klikne na link za članak na lijevoj strani duže od 65 ms, mreža će unaprijed učitati stranicu članka.
• Kada lebdite manje od 65 ms, predučitavanje se ne vrši (crveni dio)▼

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

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

Napomena:

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

Kako koristiti tehnologiju prethodnog učitavanja web stranice?

U stvari, postoji atribut rel u oznaci linka html5, od kojih je jedan prefetch, ali je broj korisnika mali.

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

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

Predučitavanje JS skripte za web stranicu

1) Zvanično obezbedite JS skripte sa Cloudflare ubrzanjem▼

Upotreba instant.page je vrlo jednostavna, samo dodajte sljedeći kod na svoju web stranicuNeposredno prije etikete.

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

2) Sloboda koja je sama sebi domaćinChen WeiliangPonuda▼

• Skripta živi na serveru, Instantclick-1.2.2.js, tako da ne morate da brinete o usporavanju stvari. 

Molimo dodajte sljedeći kod na svoju web stranicuNeposredno prije etikete:

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