Perfection kills - Exploring Javascript by example

WebサイトやWebページの表示パフォーマンスを向上させるためにJavaScriptやCSSのミニファイを実行するというのはよくやる作業だ。JavaScriptやCSSをミニファイするためのツールもいくつも発表されており、ビルドシステムに組み込んで使っているケースも多いだろう。しかしHTMLに関してこうしたミニファイツールはあまり提供されていない。

Juriy Zaytsev氏がPerfection kills » Experimenting with html minifierにおいてHTMLをミニファイするためのオンラインツールHTML minifierを紹介している。jQueryの開発者であるJohn Resig氏が開発したJavaScript HTMLパーサを使って開発されたツールで、HTMLを流し込んで変換ボタンを押すとミニファイされたHTMLが表示される仕組みになっている。

HTML Minifier実行例 - Firefox 3.6

HTML Minifier実行例 - Firefox 3.6

ミニファイ前のHTML

ミニファ以後のHTML

実験色が強くそのままプロダクトに適用するようなタイプのツールではないが、どういったミニファイが実施されるのかがチェックできて参考になる。