英文原文：Iframe loading techniques and performance

　　我們會(huì)經(jīng)常使用iframes來(lái)加載第三方的內(nèi)容、廣告或者插件。使用iframe是因?yàn)樗梢院椭黜?yè)面并行加載，不會(huì)阻塞主頁(yè)面。當(dāng)然使用iframe也是有利有弊的：Steve Souders在他的blog里面有闡述：Using Iframes Sparingly:

• iframe會(huì)阻塞主頁(yè)面的onload事件
• 主頁(yè)面和iframe共享同一個(gè)連接池

　　阻塞主頁(yè)面的onload是這兩個(gè)問(wèn)題中最影響性能的方面。一般都是想讓onload時(shí)間越早觸發(fā)越好，一方面是用戶體驗(yàn)過(guò)更重要的是google給網(wǎng)站的加載速度的打分：用戶可以用IE和FF中Google工具欄來(lái)計(jì)時(shí)。

　　那么為了提高頁(yè)面性能，怎樣才能不阻塞主頁(yè)面的onload事件的來(lái)加載iframe呢？

　　這篇講了四種加載iframe的方法：普通iframe，onload之后加載iframe，setTimeout() iframe和異步加載iframe。每種方法的加載結(jié)果我都用IE8的時(shí)間線來(lái)展示。我建議多注意下動(dòng)態(tài)異步加載這個(gè)方法，因?yàn)檫@是性能表現(xiàn)最佳的。另外，還有一種友好iframe(friendly iframe)技術(shù)。它可能算不上是iframe加載的技術(shù)，但是必須使用iframe，它是無(wú)阻塞加載的。

　　普通方法加載iframe

　　這是一種人盡皆知的普通加載方法，它沒(méi)有瀏覽器的兼容性問(wèn)題。

<iframe src="/path/to/file" frameborder="0" width="728" height="90" scrolling="auto"></iframe>

it知識(shí)庫(kù)：iframe異步加載技術(shù)及性能，轉(zhuǎn)載需保留來(lái)源！

鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標(biāo)記有誤，請(qǐng)第一時(shí)間聯(lián)系我們修改或刪除，多謝。