一般質問JQ/PHP

Question

何開口部とproccecingに高速です：

は別のファイルに1つのファイルの下にあるすべてのjqueryの関数や

各機能を持って、あなたはそれを今までに必要なときにそれを呼び出しますか？

Ex。 blabla.jsファイルには4つの機能があります。 そしてblabla.jsを呼び出す私のxaxa.php。

今、私は最初に私のページを開くのに十分速いです。問題はありません（クッキーがクリアされていてもすべて）

しかし、最初にblabla.jsの一部をアクティブにするボタンをクリックすると、すべてのリンクと機能が開いている/動作が遅くなります。

私は自分の機能を分けて、それが必要なときに各jsファイルを読み込む必要がありますか？

はありがとう

だからここに私JQのサンプルです（私は私が私の構造で何かを疑うに開始言ったように）：

$(document).ready(function(){ 
$(".avoid_ref_add").click(function(){ 
    var keyValues = { 
    pid : $(this).parent().find('input[name="pid"]').val() 
    }; 
     $.post('help_scripts/cartfunct.php', keyValues, function(rsp){ 
     $('#content').load("p_body.php"); 
     }); 
return false; 
}); 
function remove 
function update 
}); 

と私は私のitems.php items2.php持っていますitems3.php ...今

、私は彼らがNO CACHEをクリアしていない...私はfirtサイトを開くと、それが高速でロードして、すべてのリンクが高速ですHAVE MY COOKIES ...

B UT私はちょうどそれが再びなどの高速動作を開始し、ページ全体を更新する場合、私は私のために

は非常に奇妙です... ...本当に遅い作業を開始することがボタンのすべてを追加し

をクリックして、私ができない場合私が間違っていたことを理解してください...ページが遅いと、最初から高速に読み込まれないので...正解ですか？それは私のコードの中に何か？

Answer 1

あなたは最適にすべてのJavaScriptを1つのjavascriptファイルに入れてください。

このファイルは、帯域幅の使用を制限する（結果としてページロードが高速になる）ために、gzip圧縮とfar-future expiryヘッダーで提供できます。あなたはファイルサイズを減らすためにあなたのjavascriptでミニマイザを実行することもできます。

は、何が本当に求めていることはminimalization /最適化の芸術であり、この記事では良い読み物です：http://developer.yahoo.com/performance/rules.html

Answer 2

1つのファイルにすべてのあなたのJSの機能を保持することが明らかに優れている、これがより速くなるはずです。別の関数を呼び出す必要がある場合、ヒットによってサーバーに挿入される遅延を避けたいと考えてください。

Answer 3

実行速度は、ファイル間で関数を配布する方法によって影響されるべきではありません。ただし、ダウンロードする必要があるファイルが少なくなると、ページに関連するすべてのリソースのダウンロードが高速になります。これは、各HTTP要求にはHTTP要求ヘッダーが付属し、各HTTP応答にはHTTP応答ヘッダーが付いているためです。 HTTPのキープアライブ機能が使用されていない場合、各要求に対してTCP接続を確立することによりオーバーヘッドが発生します。

Answer 4

実際には、各機能を別々のファイルに分ける必要はありません。私は、同じJSファイル内で互いに関連する関数を保持し、別のJSファイルに他のものを入れておくことをお勧めします。

これにより、コードの管理が容易になり、JSファイルの再利用性/モジュール性が向上します。

http://code.google.com/p/minify/を必要に応じて組み合わせて、JSファイルの取得要求を減らすことができます。