在main.js文件中使用getScript來減少負載大小

Question

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

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

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

會減少main.js文件的大小，使加載時間更快嗎？ 也意味着只有在使用代碼時才加載代碼，如果反復加載相同的代碼，則可能會出現問題。

（我現在不是這樣做的，但是如果你有非常大的js文件，我就會想到這一點）

Answer 1

如果不立即需要代碼，則在頁面加載時異步加載這些腳本是有意義的。 這樣他們就不會以任何方式減慢頁面加載速度，但是如果需要的話，它們將在以后立即可用。

但是，僅在需要時加載它們通常會干擾用戶體驗 - 使得查看者在操作可以繼續之前等待腳本加載，因此大多數站點認為僅在需要時加載它們不是最好的用戶體驗。

當然也有例外。 如果腳本是巨大的並且很少需要，那么按需加載可能是有意義的。 但通常它們並不大，所以在頁面加載后異步加載它們是一個更好的主意。

另外，請記住，一旦腳本加載一次，它們通常會從瀏覽器緩存中快速加載。