CSSやJavaScriptファイルを連結、圧縮「Minify」 // MOONGIFT Archived

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

CSSやJavaScriptを連結＆圧縮

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

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

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

生成されたファイル

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

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