Tutorial pengeluaran halaman web HTML: Gunakan teg iframe dengan berhati-hati_HTML/Xhtml_Pengeluaran halaman web

Menggunakan iframe boleh memanggil halaman tapak web lain dengan mudah, tetapi ia harus digunakan dengan berhati-hati. Ia menelan kos prestasi berpuluh-puluh atau bahkan ratusan kali ganda daripada mencipta elemen DOM lain (termasuk gaya dan skrip). Perbandingan masa menambah 100 elemen berbeza menunjukkan bagaimana iframe berintensif prestasi:

Halaman yang menggunakan iframe biasanya tidak mempunyai begitu banyak iframe, jadi anda tidak perlu terlalu risau tentang masa yang diperlukan untuk mencipta DOM. Apa yang lebih patut dibimbangkan ialah acara onload dan kumpulan sambungan.

blok iframe dimuatkan

Adalah sangat penting bahawa peristiwa beban tetingkap dilaksanakan secepat mungkin. Ini akan melengkapkan penunjuk kemajuan pemuatan penyemak imbas, yang akan digunakan pengguna untuk menentukan sama ada halaman telah selesai dimuatkan. Kelewatan acara onload akan membuatkan pengguna merasakan halaman itu perlahan.

Acara pemuatan tetingkap tidak akan dicetuskan sehingga semua iframe yang terkandung di dalamnya dan sumber dalam semua iframe dimuatkan sepenuhnya. Dalam Safari dan Chrome, menggunakan javascript untuk menetapkan nilai secara dinamik kepada src iframe boleh mengelakkan tingkah laku menyekat ini.

Kolam sambungan

Pelayar hanya membuka sebilangan kecil sambungan ke setiap pelayan web. Pelayar lama, termasuk IE 6/7 dan Firefox 2, hanya mempunyai 2 sambungan bagi setiap hos. Dalam pelayar baharu, bilangan sambungan bertambah. Safari 3 dan Opera 9 telah meningkat kepada 4, dan Chrome 1, IE 8 dan Firefox 3 telah meningkat kepada 6.

Orang mungkin menjangkakan kumpulan sambungan yang berasingan untuk setiap iframe, tetapi ini tidak berlaku. Dalam kebanyakan penyemak imbas, sambungan dikongsi antara halaman utama dan iframenya, yang bermaksud sumber dalam iframe boleh menduduki sambungan yang tersedia dan menyekat pemuatan sumber halaman utama. Ini tidak mengapa jika kandungan dalam iframe adalah sama penting, atau lebih penting daripada halaman utama. Walau bagaimanapun, dalam keadaan biasa, kandungan dalam iframe tidak penting untuk halaman tersebut dan tidak digalakkan untuk iframe menduduki bilangan sambungan. Satu penyelesaian ialah dengan memberikan nilai secara dinamik kepada src iframe selepas sumber keutamaan yang lebih tinggi dimuat turun.

5 daripada 10 tapak web teratas di Amerika Syarikat menggunakan iframe. Kebanyakannya digunakan untuk memuatkan iklan. Ini tidak sesuai, tetapi ia boleh difahami dan merupakan cara mudah untuk memasukkan iklan ke dalam kandungan anda. Dalam kebanyakan kes, menggunakan iframe masuk akal. Tetapi sedar tentang kesan prestasi ini pada halaman anda. Sila gunakannya dengan berhati-hati melainkan perlu.