JavaScriptやCSSを圧縮するにはどうすればよいですか？

ページに動的にロードする方法があることは知っていますが、コードを圧縮してさらに高速にロードする場合は、どうすればよいですか？

Minifyが標準のようです。 ここではそれを使用する方法の説明とブログ記事です。

JavaScriptコードの圧縮には、Google Closure Compilerを強くお勧めします。私は個人的に使用していますが、jQueryプロジェクトで使用される公式のコンプレッサーでもあります。

このプロジェクトは多くのことを実行できますが、基本は次のとおりです。

java -jar closure.jar -js javascriptFile.js > javascriptFile.min.js

gzipを使用します。

Justin EtheredgeのSquishItプロジェクトを使用しています。すばらしい！ただし、asp.netの場合のみ。

• CSSとJavaScriptの圧縮にYUIを使用します。
• LESSに対応
• Google Closureをサポートしていると思います
• 途方もなく使いやすいです。

squishitのブログ記事の紹介を読んでください。

これは、単一の<script>タグと単一のタグをレンダリングするサンプルコードです<link>。どちらも、結合および縮小されたJS / CSSファイルを指します。

<%= Bundle.JavaScript()
    .Add("~/js/jquery-1.4.2.js")
    .Add("~/js/jquery-ui-1.8.1.js")
    .Render("~/js/combined_#.js")
%>

<%= Bundle.Css()
    .Add("~/css/reset.css")
    .Add("~/css/text.css")
    .Add("~/css/960.css")
    .Render("~/css/combined_#.css")
%>

JavaScriptとCSSを圧縮/縮小するための非常に人気のあるツールがいくつかあります。

• Yahoo YUI Compressor
• Microsoft AJAX Minifier
• Google Closure Compiler（JavaScriptのみ）

すべてが非常に強力です-それらの比較を非常に簡単に見つけることができます。これらはすべてコマンドラインツールであるため、Webサイトを構築または公開するときに、自動的にランに簡単に統合できます。

また、これらのツールを実行する多くのWebサイトを見つけることができます。これにより、インストール/設定の時間を節約できます。これは、コマンドラインツールの使用に慣れていない場合にも役立ちます。

個人的には、私はいつもYUI Compressorを使ってきました。

すべてのJavaScriptを1つのファイルに追加し、たとえばjsmin（http://www.crockford.com/javascript/jsmin.html）で圧縮します。CSSについてもこれを行いますが、別の圧縮手法を使用します（空白を削除します）。これは退屈な繰り返しタスクであるため、これを実行するスクリプトが利用可能です。私はDjangoとdjango-assetsを使用して、このプロセスを完全に自動化しています。

JavaScriptファイルのサイズを圧縮する場合は、packerを使用できます。

JSとCSSの縮小版のこの比較をチェックして、あなたに最適なものを選択してください-

• http://www.phpied.com/reducing-tpayload/
• http://www.phpied.com/css-minifiers-comparison/

これはYUIコンプレッサーアルゴリズムを使用します。

http://www.jscompressor.com