前端杂谈 · Web

前端性能优化 尽量减少iframe的使用

小编 · 5月1日 · 2020年

用iframe可以把一个HTML文档插入到父文档里,重要的是明白iframe是如何工作的并高效地使用它。

前端性能优化 尽量减少iframe的使用

<iframe>的优点:

  • 可以用来加载速度较慢的第三方资源,如广告、徽章;
  • 可用作安全沙箱;
  • 可以并行下载脚本。

<iframe>的缺点:

  • 加载代价昂贵,即使是空的页面;
  • 阻塞页面 load 事件触发;
  • 缺乏语义;

Iframe 完全加载以后,父页面才会触发 load 事件。 Safari、Chrome 中通过 JavaScript 动态设置 iframe src 可以避免这个问题。

0 条回应

必须 注册 为本站用户, 登录 后才可以发表评论!