3

各オブジェクトが独自のファイルに含まれるように、JS をうまく分離したいので、おそらくディレクトリとファイルを次のように構成します。

/js/modules/module1.js /js/pages/page1.js

問題は、ファイルごとに 50 の HTTP リクエストを使用したくないことです。これを行う方法はありますか?

4

3 に答える 3

4

この手法は非常に基本的で論理的です。状況は、HTML のヘッダー内に外部 Javascript ファイルへの呼び出しがいくつかあるということです。これは、クライアントのブラウザーからの複数の HTTP 要求を意味します。これらすべての HTTP リクエストを削減するにはどうすればよいでしょうか?

それらを組み合わせて、外部 Javascript ファイルへの呼び出しが少なくとも 1 つだけになるようにする. Web ページで Javascript に依存する機能を壊さないようにする. Javascript を縮小して帯域幅を節約する.

http://falcon1986.wordpress.com/2010/01/11/combine-and-minify-javascript-reduce-number-of-http-requests/

于 2012-08-12T03:52:38.660 に答える
1

2つの方法が頭に浮かびました:

  1. のようにサイトに js リンクを 1 つだけ/scripts/all.js配置し、その js のリクエストで、すべてのファイルをコンパイルしてマージし、それらを提供します。
  2. JavaScript 依存関係マネージャーを使用して、スクリプトをオンデマンドでロードします (使用されていない場合でも、すべてではなく)。
于 2012-08-12T03:50:56.563 に答える
1

PHP ファイルを使用して、それらすべてを組み合わせて提供できます。この手法は、IP.board などの多くの PHP ソフトウェアで使用されています。

ASP.NET の場合、これが役立ちます - http://abhijitjana.net/2011/10/06/bundling-and-minification-in-asp-net-4-5/

于 2012-08-12T06:12:19.333 に答える