ITエンジニア/デザイナ向けにオープンソースを毎日紹介

jQueryやPrototypejs、YUIなど様々なJavaScrptライブラリが登場している。また、CSSもフレームワークが出てきており、便利な反面、表示されるまでのコネクション数やダウンロードサイズが肥大化している。


ピクチャ 13.png

CSSやJavaScriptを連結&圧縮

 

それを解決する手段として、サイズの縮小や複数のファイルをまとめてしまうという方法がある。それを自動化してくれるのがMinifyだ。

今回紹介するオープンソース・ソフトウェアはMinify、JavaScript/CSSの連結、圧縮ソフトウェアだ。

MinifyはPHPで作られており、Webベースで動作する。Minifyにファイルのパスを渡すことで余計な改行や空白を圧縮してサイズを小さくしてくれる。そして複数のファイルを渡すことで連結してくれる機能もある。


ピクチャ 12.png

生成されたファイル

 

作成するのは同一ドメイン内のファイルに限られる。また、グルーピングを使うことで実際のファイルのパスとは違う場所を指定することもできる。@importにも気を配られており、注意書き部分でどのようするのが良いか提示してくれる。

ビルダー画面を使って作成することもできるが、ブックマークレットを使って簡単に作成することもできる。肥大化したCSSやJavaScriptは快適なブラウジングやWebアプリケーションの妨げになる。極力小さく、それも自動的に行えればメリットが大きそうだ。

 

via Minify - Combine & Compress CSS or Javascript Files | Web Resources [ WebAppers ]

minify - Google Code
 http://code.google.com/p/minify/

 

MOONGIFTの関連記事

コメント

  • DevRel
  • Com2