Apa gunane preloading kaca web? Prefetch kaca web preload teknologi instant.page

Kacepetan loading kaca web bakal mengaruhi sampeyanE-commercesitus web ing mesin telusurSEOPeringkat

Apa preloading kaca web?

Ana teknik sing diarani prefetch sing sejatine teknik preload.

• Nalika pangguna sengaja ngunjungi kaca, browser bakal mbukak kaca kasebut.
• Nalika pangguna bener-bener ngeklik link kasebut, pangguna langsung maca isi kaca saka cache sing wis dimuat lan nyuda wektu mbukak kaca.
• Amazon lan liya-liyane wis nemokake yen latensi 100 milidetik nyumbang 1% saka dodolan, nanging latensi ing web angel diatasi.

Prefetch kaca webApa gunane preloading?

instant.page nggunakake pramuat cepet - pramuat kaca sadurunge pangguna ngeklik ▼

• Sadurunge pangguna ngeklik link kasebut, dheweke nglayang ing link kasebut.
• Nalika pangguna hover kanggo 65ms, bakal duwe kesempatan kanggo ngeklik link, supaya instant.page wiwit preloading ing titik iki, rata-rata liwat 300ms kanggo kaca kanggo preloading.
• Ing piranti seluler, pangguna wiwit ndemek tampilan sadurunge ngeculake, kanthi rata-rata 90ms kanggo preload kaca kasebut.

Prefetch nggawe kaca web mbukak luwih cepet

• Otak manungsa butuh kurang saka 100 milidetik kanggo ndeleng tumindak kanthi cepet.
• Mulane, teknologi instant.page preloading bisa nggawe situs web sampeyan aran cepet sanajan ing 3G (asumsi kacepetan rendering kaca sampeyan cepet).

Kepiye cara ngatasi kacepetan loading kaca web?

Kaca-kaca mung dimuat nalika ana kemungkinan gedhe pangguna bakal ngunjungi, lan mung preloads HTML kanggo kaca kasebut, ngurmati bandwidth lan CPU pangguna lan server.

• Iki nggunakake pamireng acara pasif supaya kaca sampeyan lancar.
• Ora dimunggahake nalika pangguna mbisakake proteksi data (minangka versi 1.2.2).
• Iku 1 kB lan akeh sawise kabeh liyane.Iku gratis lan mbukak sumber (lisensi MIT).

Apa efek saka Prefetch webpage preloading instant.page?

Sawise nyoba nambahake kode instant.page, paningkatan kacepetan akses situs web isih relatif gedhe.

• Kanthi gawan bakal nyaring kanggo preload mung pranala situs iki lan ora bakal mbukak pranala saka situs liyane.
• Nalika mouse ngeklik link artikel ing sisih kiwa luwih saka 65ms, Jaringan bakal mbukak kaca artikel kasebut.
• Nalika nglayang kurang saka 65ms, preloading ora ditindakake (bagean abang)▼

Nggunakake instant.page bakal nambah PV situs lan volume panyuwunan kanthi signifikan:

• Kancane ujar manawa rata-rata kunjungan saben kunjungan yaiku 13.84.
• Sawise digunakake, jumlah kunjungan per kapita mundhak dadi 17.43, sing padha karo mbukak 4 kaca liyane saben wong.

Cathetan:

• Perlu dicathet yen blogger nggunakake CDN sing dibayar lan mbukak CDN situs lengkap kudu ditindakake kanthi ati-ati.
• Nanging aja padha sumelang, preload mung mbukak kaca html, gambar lan file liyane ora bakal, supaya ora bakal akeh mundhut lalu lintas.

Kepiye cara nggunakake teknologi preloading kaca web?

Nyatane, ana atribut rel ing tag link html5, salah sijine yaiku prefetch, nanging jumlah konsumen cilik.

Instant.page sing dikenalake ing artikel iki minangka naskah sing nggunakake teknik iki.

• Skrip iki bakal ngadili adhedhasar suwene pangguna mouse liwat link.
• Nalika tekan 65ms, pangguna duwe setengah kasempatan kanggo mbukak link lan Instant.page preloads kaca iki.

Kaca web preload kode skrip JS

1) Resmi nyedhiyakake skrip JS kanthi akselerasi Cloudflare▼

Panggunaan instant.page gampang banget, mung tambahake kode ing ngisor iki menyang situs web sampeyanSadurunge label.

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

2) Kebebasan sing dadi tuan rumahChen WeiliangPenawaran▼

• Skrip manggon ing server, Instantclick-1.2.2.js, supaya sampeyan ora perlu sumelang ing bab kalem mudhun. 

Mangga tambahake kode ing ngisor iki menyang situs web sampeyanSadurunge label:

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