将内容加载到与IFrame具有相同性能的div中

时间:2014-04-15 19:08:57

标签: javascript jquery html iframe

在向视图页面注入大量内容时遇到性能问题。标记可能会变得相当大。我做了一个测试,使用IFrame从临时文件加载内容,直接通过设置html,性能比使用jquery .load()或html()好得多。但是,一切都已经围绕加载到div而构建,我试图避免IFrame。

注意:我正在预测,当将内容注入到加载到IFrame时未获得的dom中时,会有一些操作正在进行。类似于如果直接在浏览器中打开一个2.5 MB的html,它几乎立即加载,同时,使用jquery将2.5 mb加载到div中并不能提供相同的性能。

我是否可以使用任何可以让.load()更好的技巧?

已编辑:已添加代码:

这个问题很简单。我从ajax调用获取有效负载,该调用是url或raw html。我正在使用

element.html(content)

element.load(content)

基于内容是网址还是标记。

当我将元素更改为IFrame然后使用

element.attr('src', content);

element.contents().find('html').html(content);

内容加载速度更快。

0 个答案:

没有答案