Article Directory
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.1.0" type="module" integrity="sha384-by67kQnR+pyfy8yWP4kPO12fHKRLHZPfEsiSXR8u2IKcTdxD805MGUXBz虚ni砖用wang络kLHw"></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>
Hope Chen Weiliang Blog ( https://www.chenweiliang.com/ ) je podijelio "Koja je korist od prethodnog učitavanja web stranice? Unaprijed dohvatite tehnologiju instant.page za unaprijed učitavanje web stranice" da vam pomogne.
Dobrodošli da podijelite link ovog članka:https://www.chenweiliang.com/cwl-1053.html
Dobrodošli na Telegram kanal bloga Chen Weilianga kako biste dobili najnovije informacije!
📚 Ovaj vodič ima ogromnu vrijednost, 🌟Ovo je rijetka prilika, ne propustite je! ⏰⌛💨
Podelite i lajkujte ako želite!
Vaše dijeljenje i lajkovi su naša stalna motivacija!