Tutorial Produksi Halaman Web HTML: Gunakan tag iframe dengan hati -hati

Menggunakan iframes dapat dengan mudah memanggil halaman situs web lain, tetapi harus digunakan dengan hati -hati. Dibutuhkan lusinan atau bahkan ratusan kali lebih banyak kinerja daripada membuat elemen DOM lainnya, termasuk gaya dan skrip. Menambahkan 100 Perbandingan Waktu Elemen yang berbeda menunjukkan bagaimana memakan kinerja IFRAME adalah:

Halaman yang menggunakan iframes biasanya tidak memiliki begitu banyak iframe, jadi jangan terlalu khawatir tentang membuat DOM. Yang lebih layak menjadi perhatian adalah acara onload dan kumpulan koneksi.

Sangat penting bahwa acara onload jendela dieksekusi sesegera mungkin. Ini akan memungkinkan indikator kemajuan pemuatan browser untuk diselesaikan, dan pengguna akan menentukan apakah halaman telah dimuat berdasarkan ini. Penundaan acara Onload akan membuat pengguna merasa bahwa halaman lebih lambat.

Peristiwa Onload Window tidak akan menembak sampai semua iframe yang dikandung dan sumber daya di semua iframe sepenuhnya dimuat. Di Safari dan Chrome, secara dinamis menetapkan nilai ke IFRAMES dengan JavaScriptpt dapat menghindari perilaku pemblokiran ini.

Untuk setiap server web, browser hanya membuka beberapa koneksi. Browser lama, termasuk IE 6/7 dan Firefox 2, hanya memiliki 2 koneksi per host. Di browser baru, jumlah koneksi meningkat. Safari 3+ dan Opera 9+ meningkat menjadi 4, Chrome 1+, IE 8 dan Firefox 3 meningkat menjadi 6.

Orang mungkin mengharapkan kumpulan koneksi terpisah untuk setiap iframe, tetapi bukan itu masalahnya. Di sebagian besar browser, koneksi dibagikan oleh halaman utama dan iframe -nya, yang berarti bahwa sumber daya dalam iframe mengambil koneksi yang tersedia dan memblokir pemuatan sumber daya halaman utama. Ini bagus jika konten dalam iframe sama pentingnya, atau lebih penting daripada halaman utama. Namun, secara umum, konten dalam iframe tidak terlalu penting bagi halaman, dan tidak disarankan agar iframe mengambil jumlah koneksi. Salah satu solusi adalah menetapkan SRC dari IFRAME secara dinamis setelah mengunduh sumber daya dengan prioritas yang lebih tinggi selesai.

Lima dari 10 situs web teratas di Amerika Serikat menggunakan iframe. Sebagian besar dari mereka digunakan untuk memuat iklan. Ini tidak terlalu cocok, tetapi dapat dimengerti, ini adalah cara mudah untuk memasukkan iklan ke dalam konten. Dalam banyak kasus, menggunakan iframe masuk akal. Tetapi waspadai dampak kinerja yang terjadi pada halaman Anda. Harap gunakan dengan hati -hati kecuali perlu.