国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > HTML > 正文

HTML網頁制作教程:謹慎使用iframe標記

2024-08-26 00:09:36
字體:
來源:轉載
供稿:網友

使用 iframe 可以輕易的調用其他網站的頁面,但應謹慎使用。它比創建其他 dom 元素(包括 style 和 script)多耗費數十甚至數百倍的性能。增加100個不同元素的時間對比顯示 iframe 是多么耗費性能:

 

使用 iframe 的頁面通常沒有這么多 iframe,所以創建 dom 的時間不用多慮。更值得關心的是 onload 事件和連接池。

iframe 阻塞 onload

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

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

一個連接池

對每個 web 服務器來說,瀏覽器只打開極少的幾個連接數。老的瀏覽器,包括 ie 6/7 和 firefox 2,每個主機只有2個連接。在新的瀏覽器中,連接數增加鳥。safari 3+ 和 opera 9+ 增至4個,chrome 1+ 、ie 8 及 firefox 3 增至6個。

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

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

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 和林格尔县| 家居| 黄龙县| 连江县| 太湖县| 凤阳县| 徐汇区| 汝城县| 建湖县| 玉树县| 和平县| 台山市| 佛坪县| 巩义市| 托里县| 宜良县| 吉首市| 集安市| 墨江| 三亚市| 凤翔县| 峡江县| 江阴市| 蒲城县| 彩票| 深水埗区| 仁怀市| 乌海市| 金湖县| 元朗区| 中方县| 郓城县| 曲沃县| 广西| 绿春县| 凌海市| 都江堰市| 南城县| 枣阳市| 广宗县| 安陆市|