我有一个网站需要通过AJAX动态加载JavaScript和CSS文件。我的工作正常,我的问题是将这些内容加载到DOM中,特别是速度。
在桌面浏览器中,没有性能问题。但是在移动浏览器上(该网站的目标是手机/平板电脑),在下载的脚本/样式和完成处理之间存在两到两秒的滞后时间。
最初,我正在创建一个新的脚本/样式元素,附加检索到的数据并将元素附加到DOM(' head'节点)。 然后我尝试使用' document.write'将内容写入脚本/样式标记到页面中(这是Bing / Google在其移动网站上执行此操作的方式)。 这两种方法都太慢了。
这可能是由于需要处理的脚本的大小(70KB的JavaScript.65KB的CSS)?或者它与我如何插入页面有关?
我没有看到任何有关速度问题的教程/博客文章,但我还没有看到任何专门用于移动设备的内容。