读书人

iframe加载技术跟性能

发布时间: 2012-09-03 09:48:39 作者: rapoo

iframe加载技术和性能

1. 普通的Iframe

?

代码:
<iframe src=”/path/to/file” frameborder=”0″ width=”728″ height=”90″ scrolling=”auto”> </iframe>

iframe加载技术跟性能

效果:
- iframe 在主页面之前开始加载
- iframe 在iframe的内容下载完就开始启动
- 主页面加载不受iframe影响
- 当iframe加载时,繁忙指示器消失了!

?

结论:

1. 因为iframe耗用比较多资源,做优化处理的时候又比较麻烦,尽量别采用。

2. 如果一定要用,推荐采用动态异步调用。无论是主页面加载时间,还是繁忙指示器的用户体验都有较好提升。

?

翻译自:Aaron Peters的博客

读书人网 >Web前端

热点推荐