gpt4 book ai didi

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

转载 作者:太空宇宙 更新时间:2023-11-04 13:24:57 24 4
gpt4 key购买 nike

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

在桌面浏览器中,没有性能问题。但是在移动浏览器上(该站点针对手机/平板电脑),脚本/样式的下载和完成处理之间会有一两秒的延迟。

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

这是否可能是由于需要处理的脚本的大小(70KB 的 JavaScript。65KB 的 CSS)?还是与我插入页面的方式有关?

我没有看到任何提到速度问题的教程/博客文章,但我也没有看到任何专门针对移动设备的。

最佳答案

我认为这里的大小是个问题。您是否尝试压缩:http://closure-compiler.appspot.com/home

延迟是发生一次还是多次?

关于javascript - 将动态加载的 JavaScript 和 CSS 插入页面的最有效方法是什么?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9997132/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com