2011-11-12 25 views
1

私は約32kbのjavascriptソースコードファイルを持っており、javascriptコードはモジュールで整理されています。 2000行以上の現在のコードを管理するのが面倒で、混乱することがあるので、各モジュールを別々のファイルに入れておくと、ページの読み込み時間が長くなるのではないかと疑問に思っていた。ページ読み込み時間を増やす

+1

ファイルアクセスにより読み込み時間が少し遅くなる場合があります。コードを複数のファイルに分割し、パッケージャを使用して本番用にマージして縮小することができます。 CKEditorは、開発環境からスクリプトをデプロイするときにこれを行います。 – Smamatti

答えて

5

短い答え、 <script>タグが各モジュールファイルを指している場合は、イエスはそれらのファイルへのネットワーク呼び出しの数が増えるため、ページの速度を遅くします。実際の答えは、それをコード化する方法ですが、これはユーザーに提供する方法ではありません。

私はあなただけであなたは、単に連想キーとPHPの配列であるファイルの「グループ」を管理できる1個の<script src="/min/f=mod1.js,mod2.js,mod3.js" type="text/javascript"></script>タグ

を必要とするように、すべてのあなたのJSファイルを結合し、縮小化されます縮小化と呼ばれるツールを、お勧めしますあなたはスクリプトsrcを参照します。

その後、あなたのスクリプトタグは以下のようになります:たとえば縮小化のcominesとminifiesあなたのコードの後

<script src="/min/g=module_js" type="text/javascript"></script> 

ので、後続の要求がキャッシュファイルにヒットしますので、それはあなたのサーバー上でそれをキャッシュしますPHPは処理する必要はありません。

http://code.google.com/p/minify/

+0

モジュールには依存関係のあるいくつかのjQueryプラグインがあります – MrFoh

+0

すべてのJQueryプラグインのグループを作成し、そのグループを最初に参照するだけです: '

関連する問題