Question

在jQuery中使用$.getScript();来执行以下操作是否有意义：

$("#action-one").click(function() {     
    $.getScript('scripts/action-one.js');
});

$("#action-two").click(function() {     
    $.getScript('scripts/action-two.js');
});

会减少main.js文件的大小，使加载时间更快吗？也意味着只有在使用代码时才加载代码，如果反复加载相同的代码，则可能会出现问题。

（我现在不是这样做的，但如果你有非常大的js文件，我就会想到这一点）

Answer 1

如果不立即需要代码，则在页面加载时异步加载这些脚本是有意义的。这样他们就不会以任何方式减慢页面加载速度，但是如果需要，它们将在以后立即可用。

但是，仅在需要时加载它们通常会干扰用户体验 - 使得查看者在操作可以继续之前等待脚本加载，因此大多数站点认为仅在需要时加载它们不是最好的用户体验。 / p>

当然也有例外。如果脚本是巨大的并且很少需要，那么按需加载可能是有意义的。但通常它们并不大，所以在页面加载后异步加载它们是一个更好的主意。

另外，请记住，一旦脚本加载一次，它们通常会从浏览器缓存中快速加载。

在main.js文件中使用getScript来减少负载大小

1 个答案: