Umumnya ada dua cara umum untuk preload preloader: XHR dan secara dinamis memasukkan node. Penyisipan dinamis node adalah metode pemuatan asinkron paling sederhana dan paling luas. Kemudian file yang dimuat menggunakan penyisipan dinamis node akan dieksekusi segera setelah dimuat. Di satu sisi, eksekusi JavaScript akan menempati proses eksekusi JS browser, dan di sisi lain, itu juga dapat mengubah struktur halaman. Eksekusi CSS lebih mungkin membuat seluruh halaman berubah. Meskipun metode XHR tidak menjalankan skrip, itu disebabkan oleh keterbatasan domain yang sama
Metode Lazy Loader sangat berguna di beberapa situs web dengan banyak gambar. Gambar di luar area visual browser tidak akan dimuat sampai pengguna menggulir halaman ke lokasi mereka. Dengan cara ini, untuk halaman web yang lebih panjang dengan banyak gambar, dapat memuat lebih cepat dan menyimpan bandwidth server. Ada juga plug-in di plug-in jQuery untuk mengimplementasikan fungsi ini.
Teknologi ini digunakan dalam ruang QQ Tencent dan Weibo. Di situs web dengan sejumlah besar kunjungan, tekanan pada server dapat dikurangi secara relatif, dan permintaan akan hanya dibuat ketika pengguna mengakses area yang Anda lihat dan konten di bawah ini. Alih -alih secara tradisional mengunduh seluruh halaman sekaligus, ada pengguna yang menunggu konten disajikan selama proses pengunduhan.
Gunakan gambar baru (). SRC di IE untuk file preload.
Browser lain menggunakan tag Document.createElement ('Object') secara dinamis untuk menyelesaikan beban.
menjelaskan:
1. Alasan mengapa gambar baru (). SRC tidak dapat digunakan dalam FF adalah karena FF mengimplementasikan serangkaian cache terpisah untuk gambar. Pada saat yang sama, Safari dan Chrome tampaknya tidak di -cache juga.
2. Masukkan tag objek secara dinamis perlu dimasukkan ke bagian non-head untuk memicu pemuatan.
3. IE7 IE8 juga dapat menggunakan objek dinamis untuk memuat file melalui beberapa kode.