美文网首页
关于iframe的一些知识

关于iframe的一些知识

作者: 风雅欢乐 | 来源:发表于2019-10-23 11:32 被阅读0次
iframe的一些局限

1、iframe的创建比一般的DOM元素慢了1-2个数量级

iframe的创建比其他包括scripts和css的DOM元素的创建慢了1-2个数量级。当然页面一般不会包含太多的iframe,所以创建DOM节点花费的时间还不会占很大比重。

2、阻塞页面加载

及时触发window的onload事件是非常重要的。onload事件触发使浏览器的“忙”指示器停止,告诉用户当前网页已经加载完毕。当onload事件加载延迟后,它给用户的感觉是这个网页非常慢。
window的onload事件需要在所有iframe加载完毕后(包含里面的元素)才会触发。通过Javascript动态设置iframe的src可以避免这种阻塞情况。

3、唯一的连接池

浏览器只能开少量的连接到web服务器。绝大部分浏览器,主页面和其中的iframe是共享这些连接的。这意味着iframe在加载资源时可能用光了所有的可用连接,从而阻塞了主页面资源的加载。如果iframe中的内容比主页面的内容更重要,这当然是好的。但通常情况下,iframe里的内容是没有主页面重要的。这时iframe用光可用连接就不值得了。

4、不利于SEO

搜索引擎的检索程序无法解读iframe。另外,iframe本身不是动态语言,样式和脚本都需要额外导入。

综上,iframe应谨慎使用。

相关文章

  • 关于iframe的一些知识

    iframe的一些局限 1、iframe的创建比一般的DOM元素慢了1-2个数量级 iframe的创建比其他包括s...

  • iframe 之 document.write() 的使用

    关于 iframe.contentWindow.document.open(); 和 iframe.conten...

  • 前端面试每日 3+1 —— 第267天

    今天的知识点 (2020.01.08) —— 第267天 (我也要出题) [html] 关于iframe的跨域你有...

  • 解决 vue-router 内嵌 iframe,导致 go(n)

    问题描述 业务需求,需要内嵌 iframe 预览一些信息,选中某些,则替换 iframe 的 src。变更 2 次...

  • 定位工具

    FireFox:xpath checker Chrome:Xpath Finder 关于iframe的定位,Fir...

  • 关于iframe 标签

    iframe 标签可以将页面变成组件在页面的一部分显示

  • HTML 常用标签

    HTML 常用标签 1. iframe 标签 iframe 标签主要用途是嵌套页面,目前使用较少,只有一些遗留项目...

  • iframe

    index iframe __veblen iframe的一些缺点一直被人诟病,就像生活一样,一个缺点便可以颠覆认...

  • HTML 常用标签

    1. iframe 标签 iframe 标签主要用途是嵌套页面,目前使用较少,只有一些遗留项目在用。具体可以参考 ...

  • HTML 常用标签

    1. iframe 标签 iframe 标签主要用途是嵌套页面,目前使用较少,只有一些遗留项目在用。具体可以参考 ...

网友评论

      本文标题:关于iframe的一些知识

      本文链接:https://www.haomeiwen.com/subject/eeghvctx.html