Naon gunana preloading halaman wéb? Prefetch kaca web preload téhnologi instant.page

Laju ngamuat halaman wéb bakal mangaruhan anjeunE-commerceramatloka dina mesin pencariSEOranking.

Naon preloading halaman wéb?

Aya hiji téhnik nu disebut prefetch nu sabenerna ngarupakeun téhnik preload.

• Lamun pamaké ngahaja ngadatangan hiji kaca, browser nu preloads kaca.
• Nalika pangguna leres-leres ngaklik tautan, pangguna langsung maca eusi halaman tina cache anu tos dimuat sareng ngirangan waktos beban halaman.
• Amazon sareng anu sanésna mendakan yén latency 100-milidetik nyababkeun 1% tina penjualan, tapi latency dina wéb sesah diatasi.

Prefetch halaman wébNaon gunana preloading?

instant.page nganggo pramuat instan - éta ngamuat halaman sateuacan pangguna ngaklik ▼

• Saméméh pamaké ngaklik link, maranéhna hover leuwih link.
• Lamun pamaké hovers pikeun 65ms, maranéhna bakal boga kasempetan pikeun klik dina link, jadi instant.page mimiti preload dina titik ieu, rata-rata leuwih 300ms pikeun kaca keur preloading.
• Dina alat sélulér, pangguna mimiti ngarampa tampilanna sateuacan dileupaskeun, nyandak rata-rata 90ms pikeun ngamuat halaman éta.

Prefetch ngajantenkeun halaman wéb langkung gancang

• Otak manusa butuh kirang ti 100 milidetik pikeun ningali hiji tindakan sacara instan.
• Ku alatan éta, téhnologi instant.page preloading bisa nyieun ramatloka anjeun ngarasa instan sanajan dina 3G (asumsina speed Rendering kaca anjeun gancang).

Kumaha carana ngabéréskeun loading halaman wéb anu lambat?

Kaca nu preloaded ngan lamun aya kamungkinan luhur yén pamaké bakal didatangan aranjeunna, sarta eta ngan preloads HTML pikeun kaca éta, respecting rubakpita jeung CPU pamaké sarta server.

• Éta ngagunakeun pamirsa acara pasip pikeun ngajaga halaman anjeun lancar.
• Éta henteu dimuat sateuacanna nalika pangguna ngaktipkeun panyalindungan data (sapertos versi 1.2.2).
• Éta 1 kB sareng dimuat saatos sadayana.Éta gratis sareng open source (lisénsi MIT).

Naon pangaruh Prefetch halaman wéb preloading instant.page?

Saatos nguji nambahkeun kode instant.page, pamutahiran dina speed aksés ramatloka masih relatif badag.

• Sacara standar éta bakal nyaring pikeun ngamuat ngan ukur tautan situs ieu sareng moal ngamuat tautan tina situs sanés.
• Nalika beurit ngaklik tautan artikel di kénca pikeun langkung ti 65ms, Jaringan bakal ngamuat halaman artikel.
• Nalika ngalayang kirang ti 65ms, pramuat henteu dilaksanakeun (bagian beureum)▼

Ngagunakeun instant.page sacara signifikan bakal ningkatkeun PV situs anjeun sareng volume pamundut:

• Babaturan nyarios yén rata-rata kunjungan na per kunjungan nyaéta 13.84.
• Saatos dianggo, jumlah kunjungan per kapita naék kana 17.43, anu sami sareng muka 4 halaman langkung per jalma.

Catetan:

• Ieu kudu dicatet yén blogger ngagunakeun CDNs mayar tur muka CDNs full-situs kedah ngalakukeun kitu kalawan caution.
• Tapi tong hariwang, preload ngan ngamuat halaman html, gambar sareng file sanésna henteu, janten moal aya rugi lalu lintas.

Kumaha ngagunakeun téknologi pramuat halaman wéb?

Kanyataanna, aya hiji atribut rel dina tag link of html5, salah sahiji nu prefetch, tapi jumlah pamakéna leutik.

Instant.page anu diwanohkeun dina tulisan ieu mangrupikeun naskah anu ngagunakeun téknik ieu.

• Skrip ieu bakal nangtoskeun dumasar kana sabaraha lami pangguna beurit dina tautan.
• Nalika ngahontal 65ms, pangguna ngagaduhan satengah kasempetan pikeun muka tautan sareng Instant.page ngamuat halaman ieu.

Halaman wéb preload kode skrip JS

1) Sacara resmi nyayogikeun skrip JS sareng akselerasi Cloudflare▼

Pamakéan instan.page basajan pisan, ngan tambahkeun kodeu handap pikeun ramatloka anjeunNgan saméméh labél.

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

2) Kabébasan anu di-host soranganChen WeiliangPanawaran▼

• Skrip hirup dina server, Instantclick-1.2.2.js, jadi anjeun teu kudu salempang ngeunaan slowing hal handap. 

Punten tambahkeun kodeu di handap ieu kana halaman wéb anjeunSateuacan labél:

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