これらの可能なタイプの多くのファイルを縮小、最適化、マンジできるツールが必要です
最終的な結果は、すべての JavaScript と CSS が埋め込まれた 1 つの HTML ファイル、または最悪のシナリオでは HTML、JS、および CSS のそれぞれ 3 つのファイルになります。
私は YUI Compressor などのツールを知っています。私が現在見つけていないのは、これらすべてのファイル タイプで動作し、それらを 1 つの巨大なファイルにのみマージするタイプのコンプレッサーです。
まだ gzip を使用していない場合は、既に使用を開始してください。
私の提案は、すべてのJavaScrptを<script>ヘッダーのa内に配置し、すべてのCSSも<style>タグ内に配置することです。次に、能力を最大限に発揮して最適化し、自分で最小化します。すべてのケースを処理できるソフトウェアはありません。ファイルサイズを最小化しようとしている場合は、改行と不要なスペースを削除するだけです。
私もこれを見つけました。これは、3つすべてが含まれているファイルで機能するはずです。
また、オプションのタグを削除し始めると、いくつかの問題が発生する可能性があることにも注意してください。一部のブラウザは、想定どおりに連携しません。
私の知る限り、そのようなツールはありません。ただし、サーバー側でPHPを使用する場合は、PHP Speedy（積極的に開発されていませんが、機能します）またはMinifyを試して、自動化されたミニファイ、キャッシング、およびgzip（HTML、CSS、JS）を実行できます。
編集：kangaxのHTMLミニファイア（Badgerが提案したように）はHTMLミニファイのみを行います。
Gad、CSS を縮小することの欠点を考えてください。normal/minify/ を編集してからデプロイするシステムがない場合、後で CSS を編集するのは危険な作業になる可能性があります。
私は、国際的な銀行の大規模な UI 刷新プロジェクトについて、この議論全体を経験しました。特に 1 つのサイトでは 1 日あたり 100 万人以上の訪問者があり、帯域幅の数値は最小限に抑えるようにあらゆる努力を払ったにもかかわらず、非常識でした (トラフィック量の多いサイトでは少しずつ加算されます)。非常に才能のある大規模なチームによるビジネス分析の結果、単純な CSS 微調整のために修正、縮小、および再展開する前にエンジニアが縮小を元に戻すのに時間がかかるため、いくつかの手順を実行することを決定しましたが、css の縮小は行わないことにしました。数字は、帯域幅が 1 日あたり 5 GB 改善されたとしても、余分な時間に対して UI エンジニアに支払わない方が安上がりであることを示しています。
あなたのサイトの詳細はわかりませんが、私の例が使用するトラフィックについて心配しなければならない人はそれほど多くありません. あなたのサイトを Firebug の新しいスピード アナライザーで実行し、縮小することで得られる本当のメリットを確認してください。これにトラフィックを掛けてください。通常、その数字はそれほど恐ろしいものではありません。画像スプライトを作成し、css と js をそれぞれのファイルに結合して (キャッシュの利点があるため、個々の php ファイルにマッシュアップするよりも優れています)、http リクエストを制限し、キャッシュが適切に設定されていることを確認することに時間を費やしてください。gzip 圧縮を実行します。これらの手順を実行してもうまくいかない場合は、サイトを新しいレベルに引き上げてください。
シンプルにしてください....サイトのライフサイクルの更新とメンテナンスの部分に大きな違いをもたらします. 時間と頭痛の種を節約して、私たちの質問を手伝ってください:)
jsCompressorを使用して複数の JavaScript ファイルを圧縮および縮小し、CSS Compressorを使用して複数の Css ファイルを 1 つのファイルに圧縮および縮小できます。HTML ファイルを最適化するには、最適化された Html コードで応答を送信する Google Clouser サーバーにコードのポスト リクエストを送信できます。
http://prettydiff.com/?m=minifyは、JavaScript を縮小するだけで難読化しないことを除いて、まさに必要なことを行います。
html5 ボイラープレートに含まれているビルド スクリプト ( http://html5boilerplate.com/ ) を確認することをお勧めします。最小限の調整で、やりたいことを実行できます。