Rumah  >  Artikel  >  hujung hadapan web  >  Pramuat HTML5 membolehkan halaman dipaparkan dengan cepat_html5 petua tutorial

Pramuat HTML5 membolehkan halaman dipaparkan dengan cepat_html5 petua tutorial

WBOY
WBOYasal
2016-05-16 15:49:022544semak imbas

Satu arah di mana pengeluar dan pembangun penyemak imbas bekerjasama adalah untuk menjadikan tapak web lebih pantas. Terdapat banyak penyelesaian pecutan yang terkenal: CSS sprite (CSS sprite, teka-teki) dan pengoptimuman imej, fail konfigurasi teragih (.htaccess), pemampatan fail JS/teks, pecutan CDN, dsb.

Saya memperkenalkan cara untuk menjadikan tapak web anda lebih pantas dalam catatan blog yang lain.
FireFox memperkenalkan strategi pecutan tapak web baharu: pramuat pautan. Apakah pramuat pautan? MDN menerangkannya seperti berikut:

Pramuat ialah mekanisme penyemak imbas yang menggunakan masa melahu penyemak imbas untuk pramuat turun/memuat halaman/sumber yang pengguna mungkin akan menyemak imbas seterusnya. Halaman ini menyediakan pelayar dengan koleksi yang perlu dimuatkan terlebih dahulu. Selepas penyemak imbas selesai memuatkan halaman semasa, ia akan memuat turun halaman yang perlu dipramuat di latar belakang dan menambahkannya ke cache. Apabila pengguna mengakses pautan pramuat, jika ia dipukul dari cache, halaman itu akan dipaparkan dengan cepat.

Ikhtisar ringkas: Berdasarkan analisis pengguna, tapak web membenarkan penyemak imbas memuat turun halaman/dokumen/imej yang ditentukan di latar belakang Ia sangat mudah untuk dilaksanakan:

Teg pramuat HTML5.

Salin kod
Kod adalah seperti berikut:




teg dan menentukan atribut rel="prefetch" dan atribut href ialah laluan fail yang perlu dimuatkan. Mozilla juga telah melaksanakan beberapa atribut rel pautan yang serupa:




Salin kod
Kodnya adalah seperti berikut:

Nota: protokol https juga disokong.

Bila pramuat

Sama ada tapak web menggunakan pramuat bergantung pada keperluan anda, berikut ialah beberapa cadangan:
- Jika satu siri slaid halaman dipaparkan sama, Maka anda boleh pramuat 1 hingga 3 halaman sebelum dan selepas - Muatkan imej biasa dalam tapak web- Pramuat halaman seterusnya pada halaman hasil carian


Sekat pramuat

. Firefox membenarkan melumpuhkan mod pramuat, kodnya adalah seperti berikut:



Salin kod
Kod adalah seperti berikut: user_pref("network.prefetch-next", false);

Nota
Mengenai pramuat pautan, terdapat nota berikut:
- Pramuat boleh dilakukan merentas domain Sudah tentu, kuki dan maklumat lain juga akan dihantar apabila meminta. - Pramuat boleh merosakkan statistik tapak web tanpa pengguna benar-benar melawati. - Mozilla Firefox kini satu-satunya penyemak imbas yang menyokong mod pramuat, (2003-2010)
Apa pendapat anda? Menggunakan masa terbiar untuk memuat turun fail tambahan ialah pengoptimuman radikal
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