Komentar: Apakah itu pengembang browser atau pengembang aplikasi web normal, mereka semua melakukan upaya bersama: untuk membuat penelusuran web terasa lebih cepat. Ada banyak teknik yang diketahui yang dapat membuat situs web Anda lebih cepat: Gunakan sprite CSS, gunakan alat optimasi gambar, gunakan .htaccess untuk mengatur informasi header halaman dan waktu cache, kompresi javascript, gunakan CDN, dll.
Saya telah memperkenalkan beberapa teknik optimasi kecepatan yang digunakan di situs ini. Di HTML5, fitur baru telah muncul untuk mengoptimalkan kecepatan situs web: halaman sumber daya preload/pra-membaca (tautan prefetch).
Apa itu sumber daya halaman preload/pra-baca (tautan prefetch)? Penjelasan dari MDN:
Page Resource Preloading (Link Prefetch) adalah keterampilan yang disediakan oleh browser, yang dirancang untuk memungkinkan browser untuk mengunduh atau membaca beberapa sumber daya dokumen selama waktu luang, dan pengguna akan mengakses sumber daya ini di masa mendatang. Halaman web dapat mengatur serangkaian instruksi preload untuk browser. Ketika browser memuat halaman saat ini, itu akan diam -diam memuat dokumen yang ditentukan di latar belakang dan menyimpannya di cache. Ketika pengguna mengakses dokumen yang dimuat sebelumnya, browser dapat dengan cepat mengekstraknya dari cache ke pengguna.
Sederhananya, itu: Biarkan browser preload sumber daya lain (halaman, gambar, video, dll.) Yang paling mungkin diakses pengguna setelah mengakses halaman saat ini. Dan metodenya sangat sederhana!
Metode Penulisan Sumber Daya Halaman HTML5 (Link Prefetch)
<!-Preload seluruh halaman->
<link href = "http://www.vevb.com/misc/3d-album/"/> </p> <p> <!-preload gambar->
<tautan href = "<a href =" http://www.vevb.com/wordpress/ "> </a>
WP-Content/Uploads/2014/04/B-334X193.JPG "/>
Fungsi HTML5 Page Resource Preload/Pra-Read (Link Prefetch) diimplementasikan melalui tag tautan. Atribut REL ditentukan sebagai prefetch dan alamat yang akan dimuat dalam atribut HREF. Firefox Browser juga menyediakan dukungan atribut tambahan:
<tautan
title = "Dirancang untuk mozilla" href = "mozspecific.css" _fcksavedurl = "" mozspecific.css "" />
<tautan href = "2.html" />
Prefetch juga dapat digunakan di bawah sumber daya protokol HTTPS.
Dalam keadaan apa sumber daya halaman harus dimuat sebelumnya
Jenis sumber daya apa yang dimuat di halaman Anda dan kapan semuanya terserah Anda. Berikut beberapa saran:
1. Ketika halaman memiliki layanan seperti slide, preload/pra-baca 1-3 halaman berikutnya dan 1-3 halaman sebelumnya.
2. Preload gambar -gambar yang umum di seluruh situs web.
3. Preload halaman berikutnya hasil pencarian di situs web.
Melarang preloading sumber daya halaman (tautan prefetch)
Ada opsi di browser Firefox untuk melarang fungsi halaman sumber daya preloading (tautan prefetch). Anda dapat mengaturnya seperti ini:
1.user_pref (network.prefetch-next, false);
2. Tindakan pencegahan untuk halaman sumber daya preload (tautan prefetch)
Berikut adalah beberapa catatan tentang sumber daya halaman preloading (tautan prefetch):
1. Preload (tautan prefetch) tidak dapat bekerja di seluruh domain, termasuk menarik cookie di seluruh domain.
2. Preloading (tautan prefetch) akan mencemari statistik kunjungan situs web Anda, karena beberapa halaman yang dimuat ke browser mungkin tidak benar -benar dikunjungi oleh pengguna.
3. Browser Firefox telah memberikan dukungan untuk teknologi preload (Link Prefetch) ini sejak tahun 2003.
Menggunakan waktu luang browser untuk memuat beberapa file sumber daya tambahan, itu terlihat menarik dan berbahaya. Apakah Anda ingin mencoba teknologi ini?