将动态加载的JavaScript和CSS插入页面的最有效方法是什么?

时间:2012-04-03 16:03:39

标签: javascript html ajax dom

我有一个网站需要通过AJAX动态加载JavaScript和CSS文件。我的工作正常,我的问题是将这些内容加载到DOM中,特别是速度。

在桌面浏览器中,没有性能问题。但是在移动浏览器上(该网站的目标是手机/平板电脑),在下载的脚本/样式和完成处理之间存在两到两秒的滞后时间。

最初,我正在创建一个新的脚本/样式元素,附加检索到的数据并将元素附加到DOM(' head'节点)。 然后我尝试使用' document.write'将内容写入脚本/样式标记到页面中(这是Bing / Google在其移动网站上执行此操作的方式)。 这两种方法都太慢了。

这可能是由于需要处理的脚本的大小(70KB的JavaScript.65KB的CSS)?或者它与我如何插入页面有关?

我没有看到任何有关速度问题的教程/博客文章,但我还没有看到任何专门用于移动设备的内容。

1 个答案:

答案 0 :(得分:0)

我认为尺寸是个问题。您是否尝试压缩:http://closure-compiler.appspot.com/home

滞后是一次还是多次?