问题描述:
信息时变慢,经过排查发现是浏览器解析完HTML后 直到 JQuery执行的开始位置延迟了2-4秒。当时那个页面引入了很多第三方的js库如tree,date,easyui等等。我以为慢的原因是这些类库,但是注释掉后依然很慢。
家后继续想这个问题,当时就想到会不会是iframe加载了其他页面变慢的。今天在公司把页面上的iframe src属性注释掉,果然速度快了很多由以前的2秒变成了50毫秒左右。
总结:
使用iframe的时候最好延时加载,需要的时候再去加载。如果遇到页面上Jquery入口延时较长,很可能就是页面中包含了iframe。
经验分享给大家,理解不到位的大家拍砖。
分享到:
相关推荐
JQUERY实现iframe页面切换功能,轻松简单、灵活方便快速,代码实例,测试通过
jquery iframe tab实例 jquery iframe tab实例 jquery iframe tab实例 jquery iframe tab实例 可实现动态添加或删除tab页
之前写过一个JQuery竖排Tab的代码示例,现在补充写了一个横排的,并结合了iframe的使用,自己项目的样式或者一些补充功能都可以基于此示例延伸开发
动态创建iframe,并动态添加js代码动态创建iframe,并动态添加js代码
jquery iframe动态添加tab选项卡 jquery iframe动态添加tab选项卡 jquery iframe动态添加tab选项卡 jquery iframe动态添加tab选项卡 jquery iframe动态添加tab选项卡 jquery iframe动态添加tab选项卡 jquery iframe...
超实用的jQuery代码段精选近350个jQuery代码段,涵盖页面开发中绝大多数要点、技巧与方法,堪称史上最实用的jQuery代码参考书,可以视为网页设计与网站建设人员的好帮手。《超实用的jQuery代码段》的代码跨平台、跨...
jquery tab 切换页面 支持iframe 有iframe引用示例
jQuery-1.8.3(&2.1.4).min.js&jquery;.fileupload&jquery;.iframe-transport
本人开发的积累总结,Iframe模拟Ajax 可以跨越的操作。
用jquery实现iframe高度自适应实例代码完美兼容多数浏览器
问题已经解决了,和各位分享代码: [removed] = function() { frames[“BiframeName”].location.href = “B.htm”; } [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
本示例主要实现了在主页上嵌iframe,然后在iframe中弹出窗口的功能。 使用了jquery的nyroModal插件和jquery.form.js插件,nyroModal插件的详细使用可参考 http://nyromodal.nyrodev.com/,jquery.form.js插件的详细...
Query弹出层 可加载iframe 功能强大 简单易用 有说明 源码+例子
前端项目-Iframe-Height-Jquery-Plugin,该插件可以自动获取iframe的内容并设置iframe的高度。还有跨域修复
3,当iframe以tab标签的方式显示时,由于tab标签切换执行也需要一段时间,造成的获取的iframe的高和宽不是最终的高和宽 4,其他细微调整。 草草增加了一个例子。和新版本打包在一起。 遗留问题: 1,不支持多个...
采用jquery代码通过点击父页的iframe中引用子页中的按钮来达到在父页中隐藏iframe的效果
本文实例分析了jQuery取得iframe中元素的常用方法。分享给大家供大家参考,具体如下: jquery取得iframe中元素的几种方法: 在iframe子页面获取父页面元素 代码如下: 复制代码 代码如下:$(‘#objId’, parent....
本文实例讲述了jQuery获取与设置iframe高度的方法。分享给大家供大家参考,具体如下: 设置iframe的高度,iframe的高度由iframe中的页面高度决定。 1.首先获取到iframe中页面的高度: 复制代码 代码如下:var iframe...
$(‘#btnCancel’,$(‘#PopFrame’)[0].contentWindow.document) 从iframe页面中选择父页面中的元素: 代码如下: $(“#PopContainer”,parent.document) 以下内容是别的网友的解决方法:只好用DOM方法与jquery方法...
jquery.iframe-transport.js包