【整理收藏】合併、圧缩jsやcssファイル減少ページhttp請求の数の方法だ

July 10, 2011

web性能を最適化最優秀の実践の中で最も重要なのは、だった減少http要請を受け入れた,それもyslow中の比重が最大の一条ルールである。http請求する案を検討している減少は主に合併javascriptやcssファイル、css spritesだった、画像イメージング(image map)と党の中央に使うコーディングイラストです。data。css spritesと画像のイメージング今は歴然したもののないエクスプローラー・バージョン6とエクスプローラー・バージョン7支持しないと性能の問題と関連して、党のコマーシャルに使用する同技術にはならないだろう」。現在大部分のホームページのjavascriptやcss文書数や開発する時が一致し、少量のサイト実態に対して当地の統合で、これらの合併に多くのは選別的に手動完成でたびに新しい統合も再が地元の完成のホームページに掲載したサーバー、比較が胜手にがんじがらめになって、同じファイルの圧缩も同様の状況だ。統合サービスを利用して電気远侧や圧縮,私たちは、開発の論理を可能な限り文書の粒度は小さくなり、利用のページでurlのルールによって自動ファイルの合併や圧缩され、それに似たような柔軟と高校だ。

ね・・・handlerだった

一、combo handlerだった

2008年7月にyui team * yahoo !contentで、yui javascriptを提供するサービスを提供している。handlerセルcombo。combo handlerはyahoo !開発の一つであるが、それを実现したアパッチモジュールを開発者にurlに便利で合併javascriptやcssファイルを減らしファイル請求の数である。たとえば、画面上に使われているリッチテキストeditorのyui2を組み立てるあまりのjavascriptを導入しなければならない書類を常用の方式は以下の通り。

<script src="http://yui.yahooapis.com/2.8.0r4/build/yahoo-dom-event/
yahoo-dom-event.js"></script>
<script src="http://yui.yahooapis.com/2.8.0r4/build/container/
container_core-min.js"></script>
<script src="http://yui.yahooapis.com/2.8.0r4/build/menu/menu-min.js"></script>
<script src="http://yui.yahooapis.com/2.8.0r4/build/element/element-min.js"></script>
<script src="http://yui.yahooapis.com/2.8.0r4/build/button/button-min.js"></script>
<script src="http://yui.yahooapis.com/2.8.0r4/build/editor/editor-min.js"></script>

combo handlerサービスのために使った後からはこのような識別番号のことを书くといい为:

<script src="http://yui.yahooapis.com/combo?
2.8.0r4/build/yahoo-dom-event/yahoo-dom-event.js&
2.8.0r4/build/container/container_core-min.js&
2.8.0r4/build/menu/menu-min.js&
2.8.0r4/build/element/element-min.js&
2.8.0r4/build/button/button-min.js&
2.8.0r4/build/editor/editor-min.js"></script>

二、nginx_concat_moduleだった

nginx_concat_moduleだ研究開発に向けたnginx淘宝網の文書が合併ブロックがあるに、主に合併の前部にコードの減少http請求の数である。もしあなたのアプリケーション環境の中で配置したならば、nginx考慮できるこのモジュールを试み減少請求とタイを成した。

三、combresだった

というのは1つのasp . net)のホームページのクライアント資源js、cssの圧縮,合成とキャッシュ・ライブラリを実现するために2 . 0合意増収、アパッチヘリ最新バージョン2 . 0だった。このライブラリを同時に支援webformとmvc、主な特性は以下の通り。

資源の文書の組職を含むjavascriptやcss文書が発見された組職では、すべての使用が可能と同一の配置やが変わるのを、じろじろと眺めた。
資源の中に入ることができる、圧缩をまとめた後、リストラを送っているブラウザ、すべてのこれら資源のみ使う一http要請を受け入れた
拡張のminificationがひとつあることができるアーキテクチャ開発者を選ぶことができるように圧縮の設置を閉鎖資源やどちらかひとつ、類庫に内蔵したアダプタを持ってきてくれた3つのアダプターですcompressor . net yui libraryだった,microsoftアヤクスminifier libraryだったとグーグルclosure compiler serviceだった競争を通じてxmlしております。また、書類を検討して、とても便利です。
個々人に適切なetag請求生成とexpires / cache – control頭、支持サーバー远侧キャッシュメモリだった。
とasp . net共有エンジンを集積することなので、asp . net mvcとasp . net webformの支持がとてもよかった。
デバッグのモデルを支持段取りのときはキャッシュメモリも、便利さのデバッグ圧縮されている。