iframe会导致Jquery入口代码执行延时较长
程序员文章站
2022-04-11 19:34:02
...
问题描述:
信息时变慢,经过排查发现是浏览器解析完HTML后 直到 JQuery执行的开始位置延迟了2-4秒。当时那个页面引入了很多第三方的js库如tree,date,easyui等等。我以为慢的原因是这些类库,但是注释掉后依然很慢。
家后继续想这个问题,当时就想到会不会是iframe加载了其他页面变慢的。今天在公司把页面上的iframe src属性注释掉,果然速度快了很多由以前的2秒变成了50毫秒左右。
总结:
使用iframe的时候最好延时加载,需要的时候再去加载。如果遇到页面上Jquery入口延时较长,很可能就是页面中包含了iframe。
经验分享给大家,理解不到位的大家拍砖。
信息时变慢,经过排查发现是浏览器解析完HTML后 直到 JQuery执行的开始位置延迟了2-4秒。当时那个页面引入了很多第三方的js库如tree,date,easyui等等。我以为慢的原因是这些类库,但是注释掉后依然很慢。
家后继续想这个问题,当时就想到会不会是iframe加载了其他页面变慢的。今天在公司把页面上的iframe src属性注释掉,果然速度快了很多由以前的2秒变成了50毫秒左右。
总结:
使用iframe的时候最好延时加载,需要的时候再去加载。如果遇到页面上Jquery入口延时较长,很可能就是页面中包含了iframe。
经验分享给大家,理解不到位的大家拍砖。