Rumah  >  Artikel  >  hujung hadapan web  >  Gunakan prefetching pautan HTML5 untuk mempercepatkan petua tutorial website_html5 anda

Gunakan prefetching pautan HTML5 untuk mempercepatkan petua tutorial website_html5 anda

WBOY
WBOYasal
2016-05-16 15:50:431812semak imbas

Pengambilan awal pautan HTML5 ialah permata yang tertanam di dalam pasir dan masih ramai yang mengetahui nilainya. Anda mungkin sudah mengetahui fungsi pramuat imej kuno dan terkenal Fungsi pra-pengambilan pautan memanjangkan konsep ini daripada imej kepada kandungan web (tanpa sebarang kod AJAX).
Begini cara ia berfungsi: Tambahkan pautan ke halaman seperti ini:

Salin kod
Kod itu seperti berikut :



Dengan cara ini, apabila mesin anda melahu, penyemak imbas akan secara automatik Muat turun page2.html di latar belakang. Apabila pengguna akhirnya mengklik pautan ke page2.html, penyemak imbas akan mengambil halaman daripada cache, jadi halaman akan dimuatkan dengan pantas tanpa diduga.
Pada masa ini hanya Firefox yang menyokong ciri ini. Tetapi kerana Firefox kini merupakan penyemak imbas dengan pangkalan pengguna kedua terbesar di dunia, selagi anda menambah barisan kod sedemikian pada halaman HTML, masih terdapat sejumlah besar pelawat yang boleh mengalami kelajuan memuatkan halaman yang sangat jelas ini. . Sungguh keren!

Anda boleh menggunakan fungsi prefetching pautan dalam banyak situasi :
* Apabila anda mempunyai artikel yang panjang, atau tutorial dalam talian, atau album, dsb., anda perlu membahagikannya kepada Apabila berbilang halaman dipaparkan.
* Pramuat halaman seterusnya yang paling mungkin dikunjungi pengguna anda di halaman utama anda. (Ia mungkin halaman produk "sangat disyorkan" pada tapak web produk, atau blog terbaru di tapak web blog)
* Halaman pertanyaan carian pramuat beberapa item pertama yang dicari.
Untuk kandungan statik, anda juga boleh menggunakan tag rel untuk melaksanakan fungsi prefetch:

Salin kod
Kodnya adalah seperti berikut:



Ada beberapa lagi perkara menarik untuk diperhatikan di sini :
* Prafetching pautan akan dilaksanakan dalam penyemak imbas Opera, Chrome dan Safari tidak lama lagi, tetapi untuk Internet Explorer, anda mungkin perlu menunggu sehingga 2020.
* Jika ciri ini digunakan secara meluas, ia akan menjejaskan log tapak web anda dan statistik akses. Sila pertimbangkan situasi di mana salah satu halaman anda telah mengambil beberapa halaman, tetapi pengguna sebenarnya tidak mengakses halaman ini. Pelayan anda (atau alat statistik) tidak mengetahui perbezaan antara keduanya.
Untuk membezakannya, Firefox akan menghantar mesej X-moz: prefetch dalam pengepala HTTP, tetapi anda memerlukan sesuatu di bahagian pelayan untuk mengecam mesej ini.
Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn