iframe异步加载技术及性能
这篇讲的是四种iframe加载技术的性能对比与最佳实践。作者从“如何不让iframe阻塞主页面onload事件”这一核心问题出发，详细剖析了普通加载、onload之后加载、setTimeout动态加载以及异步加载这四种方法的实现与表现。 对比的关键在于各方法对主页面加载进程的影响。普通方法简单直接，但iframe加载会阻塞主页面的onload，对用户体验和页面评分不利。将iframe加载推迟到主页面onload之后，或使用setTimeout，可以避免阻塞onload，但浏览器仍可能长时间显示忙碌状态，尤其在IE8下setTimeout方案存在兼容问题。 文章重点推荐了“异步加载iframe”技术。其巧妙之处在于先创建一个空的iframe，利用其body标签的onload事件立即触发的特性，再在回调中动态创建script标签来加载实际内容。这种方法能真正实现无阻塞加载，iframe加载时浏览器不再显示忙碌状态，综合性能表现最佳。作者也客观指出，该技术因某些原因未受足够关注，但仍值得开发者在需要无阻塞加载第三方内容（如插件、广告）时深入了解和采用。