Komentar: Fungsi prefetching tautan html5 (tautan prefetching) adalah permata yang terkubur di pasir. Beberapa orang masih tahu nilainya. Teman yang membutuhkannya bisa mempelajarinya.
Fungsi prefetching tautan HTML5 (tautan prefetching) adalah permata yang terkubur di pasir, dan beberapa orang masih tahu nilainya. Anda mungkin sudah mengetahui fungsi preloading gambar kuno dan terkenal, dan fungsi tautan prefetch adalah untuk memperluas konsep ini dari gambar ke konten web (tidak diperlukan kode AJAX).
Ini berfungsi seperti ini: tambahkan tautan seperti ini ke halaman:
<tautan href = "page2.html">
Dengan cara ini, ketika mesin Anda menganggur, browser akan secara otomatis mengunduh Page2.html di latar belakang. Ketika pengguna akhirnya mengklik tautan Page2.html, browser akan mengeluarkan halaman dari cache, sehingga kecepatan pemuatan halaman ini akan sangat cepat.
Saat ini, hanya browser Firefox yang mendukung fungsi ini. Namun, karena Firefox saat ini menjadi browser dengan basis pengguna terbesar kedua di dunia, selama Anda menambahkan kode seperti itu ke halaman HTML, sejumlah besar pengunjung masih dapat mengalami peningkatan yang sangat jelas dalam kecepatan pemuatan halaman ini. Sangat keren!
Anda dapat menggunakan fitur Prefetch tautan dalam banyak kasus:
* Ketika Anda memiliki artikel panjang, tutorial online, album gambar, dll., Itu perlu ditampilkan di beberapa halaman.
* Preload halaman berikutnya yang paling mungkin dikunjungi pengguna di beranda situs web Anda. (Mungkin ini adalah halaman produk yang merekomendasikan situs web produk, atau posting blog terbaru di situs web blog)
* Halaman kueri pencarian preload beberapa item pertama yang dicari.
Untuk konten statis, Anda juga dapat menggunakan tag rel untuk mengimplementasikan fungsi prefetching:
<tautan href = "/gambar/big.jpeg? ca541d">
Ada beberapa hal menarik lainnya yang perlu diperhatikan di sini:
* Fungsi prefetching tautan akan segera diimplementasikan di browser Opera, Chrome dan Safari, tetapi untuk Internet Explorer, Anda mungkin harus menunggu hingga 2020.
* Jika fitur ini banyak digunakan, itu akan memengaruhi log situs web Anda dan mengakses statistik. Harap pertimbangkan situasi ini. Salah satu halaman Anda memiliki pra-rilis dan menarik beberapa halaman, tetapi pengguna sebenarnya belum mengakses halaman ini. Server Anda (atau alat statistik) tidak tahu perbedaan antara keduanya.
Untuk membedakan ini, Firefox akan mengirim informasi X-Moz: Prefetch dalam informasi header HTTP, tetapi Anda memerlukan sesuatu untuk mengidentifikasi informasi ini di sisi server.