Minify は JS と CSS を圧縮します_html/css_WEB-ITnose-htmlチュートリアル-php.cn

Minify は、CSS と JS を圧縮して縮小し (Minify: スペース、改行などを削除します)、複数の CSS と JS ファイルを 1 つのファイルに統合します。帯域幅が大きいからこの種の最適化が必要ないとは考えないでください。これを使用するより重要な理由は、圧縮ではなくファイルの結合です。これにより、FTP サーバーと同様に、複数の小さなファイルと 1 つの大きなファイルの処理に時間がかかるため、ブラウザー側で新しい接続要求を発行することが軽減されます。。

Minify は PHP で書かれており、プロジェクトアドレス http://code.google.com/p/minify/

インストール
1. 最新の Minify をダウンロードし、minify ディレクトリに解凍します。
2. "min" ディレクトリを DOCUMENT_ROOT にコピーします。

基本的な使用方法 2 つのファイルがあるとします: http://localhost/a.js と http://localhost/b.js。これで、http://localhost/min/?f=a.js,b.js を使用して、ブラウザが結果を返したかどうかを確認できます。これは、minify の 2 つの js ファイルの内容ですか?

min ディレクトリの README.txt

Reference

このディレクトリ内のファイルには、Web サイトの統合を簡素化するために設計されたデフォルトの Minify 設定が含まれています。 Minify は、縮小された JavaScript または CSS ファイルをマージし、HTTP 圧縮とヘッダーのキャッシュを実行します。

推奨 $min_cachePath を PHP 書き込み可能なディレクトリに設定するように config.php を変更することをお勧めします。これによりパフォーマンスが向上します。

はじめに Minify を開始する最も早い方法は、Minify Builder アプリケーションの URI を使用することです
Web サイトにアクセスしてください: http://example.com/min/builder/

単一のファイルを圧縮しますたとえば、次のファイルを提供したいとします:
http://example.com/wp-content/themes/default/default.css
このファイルの「縮小 URL」は次のとおりです:
http://example.com/ min/? f=wp-content/themes/default/default.css

つまり、「f」パラメータは WEB ルートパスからターゲットファイルに設定されます (パス / は必要ありません)。相対 URI が含まれる場合があります。Minify 書き換えメカニズムを通じて自動的に検出されます

複数のファイルを 1 つのファイルに結合してダウンロードします f パラメータの各ファイル名を「,」で区切ります
たとえば、次のような CSS があります。ファイル:
http://example.com/scripts/jquery-1.2.6.js
http://example.com/scripts/site.js
Minify と組み合わせることができます:
http://example.com /min/?f=scripts/jquery -1.2.6.js,scripts/site.js

ベースパスを簡略化しますマージするファイルが同じ親ディレクトリを共有する場合は、f のベースディレクトリを使用できます。 b パラメータで設定されるパラメータ (先頭または接尾辞の / 文字も除く)
たとえば、次の 2 つの記述方法は同じ効果があります:
http://example.com/min/?f=scripts/jquery-1.2 .6.js,scripts/site.js,scripts/home.js
http://example.com/min/?b=scripts&f=jquery-1.2.6.js,site.js,home.js

Html で MINIFY を使用します (X) HTML ファイルで、& を忘れずに追加してください

許可されるディレクトリを指定してくださいデフォルトでは、Minify には *.css/*.js ファイルが含まれません。 DOCUMENT_ROOT スコープ。 Minify のアクセスを特定のディレクトリに制限したい場合は、config.php で
$min_serveOptions ['minApp'] ['allowDirs'] 配列を設定します。例: /js および /themes/default ディレクトリに制限するには、次を使用します:

Php code

「グループ」: パフォーマンスが向上し、URL が向上します最高のパフォーマンスを得るには、groupsConfig.php で事前に指定されたファイルグループを編集します。設定例は次のとおりです。 PHP コード

return array(

'js' => array('//js/Class.js', '//js/email.js')

);
上記の事前指定された js の結果、次のファイルがマージされます:
http://example.com/js/Class.js
http://example.com/js/email.js
これで、次のことが可能になります。 URL を次のように簡略化します:
http://example.com/min/?g=js

グループ: document_root ディレクトリの外側のファイルを指定します
groupsConfig.php 配列では、 // DOCUMENT_ROOT を指しますが、次のようにすることもできます。システムディレクトリパスまたは document_root からの相対ディレクトリからの絶対値も指定します:

Php コード
1. return array(
2. 'js' => array(
3. '//js/file.js' // DOC_ROOT 内のファイル
4. ,'//../file.js' // DOC_ROOT の親ディレクトリ内のファイル
5. ,'C:/Users/Steve/file.js' // ファイルシステム上の任意の場所にあるファイル
6. )
7. );
将来の有効期限 HTTP ヘッダー
Minify は将来 (1 年) の有効期限 HTTP ヘッダーを送信できます。この機能を有効にするには、URI に番号を追加し (例: /min/?g=js&1234 または /min/f=file.js&1234)、ソースファイルが変更されるたびに番号を変更する必要があります。 SVN/CVS を使用する場合は、この番号としてリビジョン番号を使用することを検討してください。

「グループ」を使用してファイルをマージおよび圧縮する場合、ツール関数 Minify_groupUri() を使用して「バージョン」URI を取得できます。例:

Php コード