Pengenalan terperinci kepada pramuat sumber HTML5 (Pautan prefetch) (mempercepatkan halaman web anda)_html5 kemahiran tutorial

Saya telah memperkenalkan beberapa teknik pengoptimuman kelajuan yang digunakan di tapak ini. Dalam HTML5, ciri baharu telah muncul untuk mengoptimumkan kelajuan tapak web: pramuat/praambil sumber halaman (Praambilan pautan).

Apakah itu pramuat/praambil sumber halaman (praambil pautan)? Penjelasan dari MDN:

Pramuat sumber halaman (Prafetch pautan) ialah teknik yang disediakan oleh penyemak imbas untuk membenarkan penyemak imbas memuat turun atau prabaca beberapa sumber dokumen dalam masa lapangnya dan pengguna akan mengakses sumber ini pada masa hadapan. Halaman web boleh menetapkan satu siri arahan pramuat untuk penyemak imbas Apabila penyemak imbas selesai memuatkan halaman semasa, ia akan memuatkan dokumen yang ditentukan secara senyap di latar belakang dan menyimpannya dalam cache. Apabila pengguna mengakses dokumen pramuat ini, penyemak imbas boleh mendapatkannya dengan cepat daripada cache dan memberikannya kepada pengguna.

Ringkasnya: biarkan penyemak imbas pramuat sumber lain (halaman, gambar, video, dsb.) yang mungkin diakses oleh pengguna selepas mengakses halaman semasa. Dan kaedahnya sangat mudah!

Kaedah penulisan pramuat sumber halaman HTML5 (Prafetch pautan)

Salin kod

Kod adalah seperti berikut :

wp-content/uploads/2014/04/b-334x193.jpg " />

Sumber halaman HTML5 fungsi pramuat/prefetch (Prafetch pautan) dilaksanakan melalui teg Pautan Tentukan atribut rel sebagai "prefetch" dan nyatakan alamat sumber yang akan dimuatkan dalam atribut href. Firefox juga menyediakan sokongan atribut tambahan:

Salin kod

Kodnya adalah seperti berikut:

title="Designed for Mozilla" href="mozspecific.css" _fcksavedurl=""mozspecific.css"" />

prefetch juga boleh digunakan di bawah sumber protokol HTTPS.

Dalam keadaan apakah sumber halaman harus dipramuat

Apakah jenis sumber yang dimuatkan dalam halaman anda dan bila terpulang kepada anda. Berikut ialah beberapa cadangan:

1. Apabila halaman mempunyai perkhidmatan seperti tayangan slaid, pramuat/prabaca 1-3 halaman seterusnya dan 1-3 halaman sebelumnya.
2. Pramuat imej yang biasa kepada keseluruhan tapak web.
3. Pramuat halaman seterusnya hasil carian di tapak web.

Lumpuhkan pramuat sumber halaman (praambil pautan)

Terdapat pilihan dalam Firefox untuk melumpuhkan mana-mana fungsi pramuat sumber halaman (Pautan prefetch) Anda boleh menetapkannya seperti ini:

1.user_pref("network.prefetch-next", false);
2. Langkah berjaga-jaga untuk pramuat sumber halaman (Pautan prefetch)

Berikut ialah beberapa nota tentang pramuat sumber halaman (pra-ambil pautan):

1. Prafetch pautan tidak boleh berfungsi merentas domain, termasuk menarik kuki merentas domain.
2. Pramuat (Pramuat pautan) akan mencemarkan statistik trafik tapak web anda, kerana beberapa halaman yang dipramuat ke penyemak imbas mungkin tidak dilawati oleh pengguna.
3. Firefox telah menyediakan sokongan untuk teknologi pramuat (Prefetch pautan) ini sejak tahun 2003.

Menggunakan masa terbiar penyemak imbas untuk memuatkan beberapa fail sumber tambahan nampaknya menarik dan berbahaya Adakah anda ingin mencuba teknik ini?