jsおよびcssファイルの読み込み時間を短縮する

すべてのjavascriptアプリケーション開発者は、遅かれ早かれ、プラグインのjsファイルとcssファイルのロード時間（比較的有限）の問題に直面します。 この問題は、ご存知のとおり、2つの理由から発生します：多数の接続ファイル（ブラウザーは同時にダウンロードされるファイルの数に制限があるため、一方がダウンロードされるまで、ブラウザーはもう一方のダウンロードを開始しません）および使用されるライブラリのサイズが大きい（プロトタイプ、extjsなど） d。）



解決策として、含まれているすべてのファイルを1つに手動で結合することもできますが、これによりファイルの調整がさらに不便になるため、結果のファイルの自動アセンブリと圧縮を使用することをお勧めします。 ただし、圧縮によりサーバーの負荷が増加するため、キャッシュを使用し、ファイルを変更する可能性を考慮に入れることをお勧めします...

開発者Niels Leenheer（http://rakaz.nl/）は、スクリプトで説明されている手順の実装を提案しました： rakaz.nl/projects/combine/combine.phps

スクリプトの設定は簡単で、サイトのルートにcombine.phpファイルを見つけ、javascript、css、キャッシュファイル用の個別のディレクトリを作成し、combine.phpファイルにこれらのパスを書き込むことで構成されます



compose.phpの場所からの相対パスの例：

$cachedir = dirname(__FILE__) . '/cache';

$cssdir = dirname(__FILE__) . '/css';

$jsdir = dirname(__FILE__) . '/script';







次に、次の内容で.htaccessファイルを作成または変更する必要があります。

RewriteEngine On

RewriteBase /

RewriteRule ^css/(.*\.css) /combine.php?type=css&files=$1

RewriteRule ^javascript/(.*\.js) /combine.php?type=javascript&files=$1







.htaccessファイルが既に存在し、RewriteEngineによって使用されている場合、最初の2行は不要です。



使用例：

<script type="text/javascript" src="script/yui-utilities.js,ext-yui-adapter.js,ext-all.js"></script>

<link rel="stylesheet" type="text/css" href="css/ext-all.css,vista.css,main.css">







記述されたソリューションのどれだけを自分で効果的に解決できるか。