主頁 > 知識庫 > HTML網(wǎng)頁制作教程 謹(jǐn)慎使用iframe標(biāo)記

HTML網(wǎng)頁制作教程 謹(jǐn)慎使用iframe標(biāo)記

熱門標(biāo)簽:邵陽市地圖標(biāo)注app 齊齊哈爾地圖標(biāo)注地點 400電話座機(jī)怎么辦理 縣域地圖標(biāo)注點 天津銷售電銷機(jī)器人公司 南寧銷售外呼系統(tǒng)線路商 400電話申請好不好 吃雞地圖標(biāo)注設(shè)置 電銷機(jī)器人外呼失敗怎么回事

使用 iframe 可以輕易的調(diào)用其他網(wǎng)站的頁面,但應(yīng)謹(jǐn)慎使用。它比創(chuàng)建其他 DOM 元素(包括 style 和 script)多耗費數(shù)十甚至數(shù)百倍的性能。增加100個不同元素的時間對比顯示 iframe 是多么耗費性能:

 

使用 iframe 的頁面通常沒有這么多 iframe,所以創(chuàng)建 DOM 的時間不用多慮。更值得關(guān)心的是 onload 事件和連接池。

iframe 阻塞 onload

window 的 onload 事件盡快執(zhí)行非常重要。這會讓瀏覽器的載入進(jìn)度指示器完成,用戶依據(jù)此判斷頁面是否已經(jīng)加載完。而 onload 事件延遲,會讓用戶感覺頁面變慢。

window 的 onload 事件直到它所包含的所有 iframe,以及所有 iframe 中的資源完全加載完成后才會觸發(fā)。在 Safari 和 Chrome 中,用 javascritpt 動態(tài)的給 iframe 的 src 賦值可以避免這種阻塞行為。

一個連接池

對每個 web 服務(wù)器來說,瀏覽器只打開極少的幾個連接數(shù)。老的瀏覽器,包括 IE 6/7 和 Firefox 2,每個主機(jī)只有2個連接。在新的瀏覽器中,連接數(shù)增加鳥。Safari 3+ 和 Opera 9+ 增至4個,Chrome 1+ 、IE 8 及 Firefox 3 增至6個。

人們可能期望每個 iframe 有單獨的連接池,但并非如此。在大多數(shù)瀏覽器中,連接被主頁面和它的 iframe 所共享,這意味著有可能 iframe 中的資源占用了可用連接而阻塞了主頁面的資源加載。如果 iframe 中的內(nèi)容同等重要,或比主頁面更重要,這很好。然而在通常情況下 iframe 中的內(nèi)容對頁面來說不太重要,iframe 占用連接數(shù)是不可取的。一個解決方案是在優(yōu)先級更高的資源下載完成后再動態(tài)的給 iframe 的 src 賦值。

美國的10大網(wǎng)站中有5個使用了 iframe。它們多數(shù)用來加載廣告。這不是很合適,但可以理解,這是一個簡便的在內(nèi)容中插入廣告的途徑。在很多情況下,使用 iframe 是合理的。但要意識到這對你的頁面的性能影響。非必要時,請謹(jǐn)慎使用。

標(biāo)簽:贛州 衡水 寧波 寧夏 日照 延安 濟(jì)寧 巨人網(wǎng)絡(luò)通訊聲明:本文標(biāo)題《HTML網(wǎng)頁制作教程 謹(jǐn)慎使用iframe標(biāo)記》,本文關(guān)鍵詞  HTML,網(wǎng)頁,制作教程,謹(jǐn)慎,;如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問題,煩請?zhí)峁┫嚓P(guān)信息告之我們,我們將及時溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò),涉及言論、版權(quán)與本站無關(guān)。

  • 相關(guān)文章
  • 下面列出與本文章《HTML網(wǎng)頁制作教程 謹(jǐn)慎使用iframe標(biāo)記》相關(guān)的同類信息!
  • 本頁收集關(guān)于HTML網(wǎng)頁制作教程 謹(jǐn)慎使用iframe標(biāo)記的相關(guān)信息資訊供網(wǎng)民參考!
  • 推薦文章