C&D

HomeMy Blog延迟加载iframe,简单解决iframe堵塞渲染进程的问题

延迟加载iframe,简单解决iframe堵塞渲染进程的问题

编辑于 2018年04月10日09:04 作者:Xie.z

假设HTML结构是:

解决方法:

原理:

当页面代码加载完毕时,即document ready时,把iframe代码赋给一个变量,保存在内存中,接着将iframe删除,终止iframe的加载。这个过程是很短暂的,几乎察觉不到。
再等页面所有元素加载完毕后,即window load时,再把iframe加回来加载地图。这样就能很好地避免地图无法加载而导致页面渲染遭遇阻塞。

注意:

这个方法容易忽略的问题是,HTML中的class名一定要跟函数里的jQ对象名(class名)一致。否则,jQ代码无法锁定iframe。使用时请严谨。