3

$.getScript();次のようなことをするために jQuery でを使用することは理にかなっていますか?

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

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

main.js ファイルのサイズを小さくして読み込み時間を短縮しますか? また、コードは使用された場合にのみロードされることを意味し、同じコードが何度もロードされると問題が発生する可能性があります..

（現時点ではこれを行っていませんが、非常に大きなjsファイルがある場合は頭をよぎりました）

4

1 に答える 1

4

コードがすぐに必要でない場合は、ページの読み込み時にこれらのスクリプトを非同期で読み込むことが理にかなっています。そうすれば、ページの読み込みが遅くなることはありませんが、後で必要になったときにすぐに利用できるようになります。

ただし、必要に応じてのみ読み込むと、通常、ユーザー エクスペリエンスが妨げられます。操作を続行する前に、スクリプトが読み込まれるまでビューアーを待機させるため、ほとんどのサイトでは、必要なときにのみ読み込むのは最適なユーザー エクスペリエンスではないと判断されます。

もちろん、例外もあります。スクリプトが巨大でほとんど必要ない場合は、オンデマンドでロードするのが理にかなっているかもしれません。ただし、通常はサイズが大きくないため、ページの読み込み後に非同期で読み込むことをお勧めします。

また、スクリプトが一度読み込まれると、通常はブラウザのキャッシュからすぐに読み込まれることに注意してください。

于 2012-04-26T17:20:45.697 に答える