web-dev-qa-db-ja.com

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

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

8
Jason

Minify が標準のようです。 ここ は、使用方法の説明を含むブログ投稿です。

3

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

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

Java -jar closure.jar -js javascriptFile.js > javascriptFile.min.js
8
Mike

gzip を使用します。

3
ilhan

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")
%>
2
jessegavin

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

  • Yahoo YUIコンプレッサー
  • Microsoft AJAX Minifier
  • Google Closure Compiler(JavaScriptのみ)

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

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

個人的には、私はいつも YUI Compressor を使用しています。

1
Sean Moubry

このJSとCSSのミニファイナーの比較をチェックして、あなたに最適なものを選択してください-

0
mvark

これはYUI圧縮アルゴリズムを使用します:

http://www.jscompressor.com

0
Nitro

すべてのjavascriptを単一のファイルに追加し、jsmin(http://www.crockford.com/javascript/jsmin.html)などで圧縮します。 CSSに対してもこれを行いますが、別の圧縮手法を使用します(空白を削除します)。これは退屈な繰り返しタスクであるため、これを行うスクリプトが用意されています。 Djangoを使用し、Djangoアセットを使用してこのプロセスを完全に自動化します。

0
D4V360

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

0
HoLyVieR