Apa gunanya pramuat halaman web? Prefetch halaman web, pramuat teknologi instant.page

Kecepatan memuat halaman web akan memengaruhiE-commercesitus web di mesin pencariSEOperingkat.

Apa itu pra-pemuatan halaman web?

Ada teknik yang disebut prefetch yang sebenarnya adalah teknik preload.

• Saat pengguna dengan sengaja mengunjungi halaman, browser akan memuat halaman sebelumnya.
• Ketika pengguna benar-benar mengklik tautan, pengguna langsung membaca konten halaman dari cache yang dimuat sebelumnya dan mengurangi waktu buka halaman.
• Amazon dan lainnya telah menemukan bahwa latensi 100 milidetik menyumbang 1% dari penjualan, tetapi latensi di web sulit diatasi.

Ambil halaman web terlebih dahuluApa gunanya preload?

instant.page menggunakan pramuat instan - pramuat halaman sebelum pengguna mengklik

• Sebelum pengguna mengeklik tautan, mereka mengarahkan kursor ke tautan.
• Saat pengguna mengarahkan kursor selama 65 md, mereka akan memiliki kesempatan untuk mengeklik tautan, jadi instant.page mulai dimuat pada titik ini, rata-rata lebih dari 300 md agar laman dimuat sebelumnya.
• Pada perangkat seluler, pengguna mulai menyentuh layar mereka sebelum melepaskan, mengambil rata-rata 90 mdtk untuk memuat halaman sebelumnya.

Prefetch membuat halaman web dimuat lebih cepat

• Otak manusia membutuhkan waktu kurang dari 100 milidetik untuk merasakan suatu tindakan secara instan.
• Oleh karena itu, teknologi preloading instant.page dapat membuat situs web Anda terasa instan bahkan di 3G (dengan asumsi kecepatan rendering halaman Anda cepat).

Bagaimana cara mengatasi loading halaman web yang lambat?

Halaman dimuat hanya jika ada kemungkinan besar pengguna akan mengunjunginya, dan halaman tersebut hanya memuat HTML untuk halaman tersebut, dengan memperhatikan bandwidth dan CPU pengguna dan server.

• Ini menggunakan pendengar acara pasif untuk menjaga halaman Anda tetap lancar.
• Itu tidak dimuat sebelumnya saat pengguna mengaktifkan perlindungan data (mulai versi 1.2.2).
• Ini 1 kB dan memuat setelah yang lainnya.Ini gratis dan open source (lisensi MIT).

Apa efek dari halaman web Prefetch yang memuat instant.page?

Setelah pengujian penambahan kode instant.page, peningkatan kecepatan akses website masih tergolong besar.

• Secara default, ini akan memfilter untuk memuat hanya tautan situs ini dan tidak akan memuat tautan dari situs lain.
• Ketika mouse mengklik tautan artikel di sebelah kiri selama lebih dari 65 md, Jaringan akan memuat halaman artikel terlebih dahulu.
• Saat melayang kurang dari 65 ms, pramuat tidak dilakukan (bagian merah)▼

Menggunakan instant.page akan meningkatkan PV dan volume permintaan situs Anda secara signifikan:

• Seorang teman mengatakan bahwa rata-rata jumlah kunjungan per kunjungannya adalah 13.84.
• Setelah digunakan, jumlah kunjungan per kapita naik menjadi 17.43, yang setara dengan membuka 4 halaman lagi per orang.

Catatan:

• Perlu dicatat bahwa blogger yang menggunakan CDN berbayar dan CDN situs lengkap terbuka harus melakukannya dengan hati-hati.
• Tapi jangan khawatir, preload hanya memuat halaman html, gambar dan file lain tidak, jadi tidak akan ada banyak kehilangan lalu lintas.

Bagaimana cara menggunakan teknologi pramuat halaman web?

Sebenarnya ada atribut rel di link tag html5 salah satunya prefetch, tapi jumlah konsumennya sedikit.

Instan.page yang diperkenalkan dalam artikel ini adalah skrip yang menggunakan teknik ini.

• Skrip ini akan menilai berdasarkan berapa lama pengguna mengarahkan mouse ke tautan.
• Ketika mencapai 65 ms, pengguna memiliki kesempatan setengah untuk membuka tautan dan Instant.page memuat halaman ini sebelumnya.

Halaman web memuat kode skrip JS

1) Secara resmi menyediakan skrip JS dengan akselerasi Cloudflare▼

Penggunaan instant.page sangat sederhana, cukup tambahkan kode berikut ke situs web AndaTepat sebelum labelnya.

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

2) Kebebasan yang dihosting sendiriChen WeiliangPenawaran▼

• Skripnya ada di server, Instantclick-1.2.2.js, jadi Anda tidak perlu khawatir akan memperlambat segalanya. 

Silakan tambahkan kode berikut ke situs web AndaTepat sebelum label:

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