為什么要少用Iframe-創(chuàng)新互聯(lián)

今天給大家介紹一下為什么要少用Iframe。文章的內(nèi)容小編覺(jué)得不錯(cuò)，現(xiàn)在給大家分享一下，覺(jué)得有需要的朋友可以了解一下，希望對(duì)大家有所幫助，下面跟著小編的思路一起來(lái)閱讀吧。

創(chuàng)新互聯(lián)建站從2013年開(kāi)始，先為望城等服務(wù)建站，望城等地企業(yè)，進(jìn)行企業(yè)商務(wù)咨詢服務(wù)。為望城企業(yè)網(wǎng)站制作PC+手機(jī)+微官網(wǎng)三網(wǎng)同步一站式服務(wù)解決您的所有建站問(wèn)題。

下圖顯示創(chuàng)建 100 個(gè)不同的元素中iframe到底有多耗費(fèi)時(shí)間。

創(chuàng)建100個(gè) elements 的耗時(shí)

使用 iframe 的頁(yè)面一般不會(huì)包含太多 iframe，所以創(chuàng)建 DOM 節(jié)點(diǎn)所花費(fèi)的時(shí)間不會(huì)占很大的比重。但帶來(lái)一些其它的問(wèn)題：onload 事件以及連接池(connection pool)。

 Iframes 阻塞頁(yè)面加載

及時(shí)觸發(fā) window 的 onload 事件是非常重要的。onload 事件觸發(fā)使瀏覽器的 “忙” 指示器停止，告訴用戶當(dāng)前網(wǎng)頁(yè)已經(jīng)加載完畢。當(dāng) onload 事件加載延遲后，它給用戶的感覺(jué)就是這個(gè)網(wǎng)頁(yè)非常慢。

window 的 onload 事件需要在所有 iframe 加載完畢后(包含里面的元素)才會(huì)觸發(fā)。在 Safari 和 Chrome 里，通過(guò) JavaScript 動(dòng)態(tài)設(shè)置 iframe 的 SRC 可以避免這種阻塞情況。

 的連接池

瀏覽器只能開(kāi)少量的連接到web服務(wù)器。比較老的瀏覽器，包含 Internet Explorer 6 & 7 和 Firefox 2，只能對(duì)一個(gè)域名(hostname)同時(shí)打開(kāi)兩個(gè)連接。這個(gè)數(shù)量的限制在新版本的瀏覽器中有所提高。Safari 3+ 和 Opera 9+ 可同時(shí)對(duì)一個(gè)域名打開(kāi) 4 個(gè)連接，Chrome 1+, IE 8 以及 Firefox 3 可以同時(shí)打開(kāi) 6 個(gè)。你可以通過(guò)這篇文章查看具體的數(shù)據(jù)表：Roundup on Parallel Connections.

有人可能希望 iframe 會(huì)有自己獨(dú)立的連接池，但不是這樣的。絕大部分瀏覽器，主頁(yè)面和其中的 iframe 是共享這些連接的。這意味著 iframe 在加載資源時(shí)可能用光了所有的可用連接，從而阻塞了主頁(yè)面資源的加載。如果 iframe 中的內(nèi)容比主頁(yè)面的內(nèi)容更重要，這當(dāng)然是很好的。但通常情況下，iframe 里的內(nèi)容是沒(méi)有主頁(yè)面的內(nèi)容重要的。這時(shí) iframe 中用光了可用的連接就是不值得的了。一種解決辦法是，在主頁(yè)面上重要的元素加載完畢后，再動(dòng)態(tài)設(shè)置 iframe 的 SRC。

美國(guó)前 10 大網(wǎng)站都使用了 iframe。大部分情況下，他們用它來(lái)加載廣告。這是可以理解的，也是一種符合邏輯的解決方案，用一種簡(jiǎn)單的辦法來(lái)加載廣告服務(wù)。但請(qǐng)記住，iframe 會(huì)給你的頁(yè)面性能帶來(lái)沖擊。只要可能，不要使用 iframe。當(dāng)確實(shí)需要時(shí)，謹(jǐn)慎的使用他們。

以上就是為什么要少用Iframe的全部?jī)?nèi)容了，更多與為什么要少用Iframe相關(guān)的內(nèi)容可以搜索創(chuàng)新互聯(lián)網(wǎng)站建設(shè)公司，之前的文章或者瀏覽下面的文章進(jìn)行學(xué)習(xí)哈！相信小編會(huì)給大家增添更多知識(shí),希望大家能夠支持一下創(chuàng)新互聯(lián)網(wǎng)站建設(shè)公司，！

當(dāng)前文章：為什么要少用Iframe-創(chuàng)新互聯(lián)
分享網(wǎng)址：http://bm7419.com/article20/cdihco.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供建站公司、虛擬主機(jī)、軟件開(kāi)發(fā)、ChatGPT、商城網(wǎng)站、定制開(kāi)發(fā)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)