Question

我看到有人在他的html中加载JS如下（通过JQuery ajax）：

（同一域中的jquery.utils.js，jquery.utils.js，browser_files / background.js）

<script>

var scriptsArr = [
"scripts/jquery.utils.js",
"scripts/jquery.utils.js",
"browser_files/background.js",
]

for(var i=0;i<scriptsArr.length;i++)
{
    var path = scriptsArr[i];

    $.ajax({
        async: false,
        cache: false,
        url: chrome.extension.getURL(path),
        type: "GET",
        success: function(){},
        dataType: 'script'
    });
}
</script>

这种方法（通过ajax）有一些优点??

为什么要使用标签

<script src="">

属性“src”加载此库????

Answer 1

这称为JavaScript的延迟加载或按需加载。

除了保存不必要的脚本文件加载外，其他主要优点是速度。

异步加载的脚本是非阻塞的。即他们不会中断页面的加载。

Answer 2

使用ajax概念可以改善快速页面呈现。更好地使用底部的脚本标签以获得最佳性能。

关于加载JS库的两种方法

2 个答案: