Minifier - http://minify.avivo.si/
通常のソースコードは人間が見やすいように改行・インデント・コメント挿入などがされているものですが、
Minifierはこれらの改行コードや余分なスペース、プログラムに解釈されない部分などを除去し、ソースファイルを軽くするというサービスです。
当然出来上がったファイルはギチギチで見づらいものですが、Minifierには綺麗に整形し直す機能もあるのでめがっさ便利です。
使い方は簡単。
データのタイプを選択してソースを貼り付けMinify (compress)かBeautify (decompress)を選択してGenerateを押すだけです。
ためしにここのCSSを圧縮してみました。
ちなみに圧縮前のデータ量は8184byteで、圧縮後は6674byteになりました。
まあこの程度の容量ではパフォーマンスは全く変わりません。
たとえばサーバとクライアントのディスクのクラスタサイズが8KBの場合8184byteも6674byteもクラスタサイズの8KBとして扱われるからです。
色々なjsや複数のCSSをインポートしてなんだかんだで全体の容量が増えて
数十KBと大きいサイズになってしまう場合に効果を発揮するんじゃないかと思います。
通常のソースコードは人間が見やすいように改行・インデント・コメント挿入などがされているものですが、
Minifierはこれらの改行コードや余分なスペース、プログラムに解釈されない部分などを除去し、ソースファイルを軽くするというサービスです。
当然出来上がったファイルはギチギチで見づらいものですが、Minifierには綺麗に整形し直す機能もあるのでめがっさ便利です。
使い方は簡単。
データのタイプを選択してソースを貼り付けMinify (compress)かBeautify (decompress)を選択してGenerateを押すだけです。
ためしにここのCSSを圧縮してみました。
ちなみに圧縮前のデータ量は8184byteで、圧縮後は6674byteになりました。
まあこの程度の容量ではパフォーマンスは全く変わりません。
たとえばサーバとクライアントのディスクのクラスタサイズが8KBの場合8184byteも6674byteもクラスタサイズの8KBとして扱われるからです。
色々なjsや複数のCSSをインポートしてなんだかんだで全体の容量が増えて
数十KBと大きいサイズになってしまう場合に効果を発揮するんじゃないかと思います。
- 関連記事
-
-
意外と発音を間違えてることが多いhtml用語 2014/07/17
-
ブログの記事中で画像の横にテキストを書きたい 2014/07/17
-
CSS,JavaScriptを圧縮/整形してくれるサイト 2014/07/13
-
FC2ブログの小ネタ 2014/07/07
-
ul liタグの左の点とインデントを無くす方法 2014/07/01
-