まだHTMLのMinify化で消耗してるの？

WEB制作
まだHTMLのMinify化で消耗してるの？

JSやCSSのMinify化は一般的に行われている一方で、HTMLのMinify化は積極的には行われていません。

HTMLもJSやCSSと同様にMinify化は必要なのでしょうか？

目次

Minify化されたサイト

以下のサイトのHTMLはMinify化されています

  • Google
  • Yahoo! JAPAN
  • Facebook

Minify化されていないサイト

以下のサイトのHTMLはMinify化されていません

  • Youtube
  • Github
  • Twitter
  • Pinterest
  • Instagram
  • Evernote
  • Dribbble

大手サイトの対応状況

大手サイトでもMinify化を行っていないサイトと行っていないサイトに分かれてしまっています。

私の体感だとHTMLもMinify化されているサイトはかなり少数だと思います。

Minify化の効果

Minify化の効果を図るために試しにこのブログのトップページを圧縮率の分かるHTML Minifier (v4.0.0)で圧縮して見ました。

圧縮結果は、元ファイルの約23%とおおよそ1/4に圧縮されました。

Original size: 53,047. Minified size: 40,987. Savings: 12,060 (22.73%).

HTML Minifier (v4.0.0)での圧縮結果

これだけを見るとMinify化の効果は大きそうですが、HTMLのダウンロード時間は、私の環境だと未圧縮時で2ms未満なので、これをどうこうして速くしても他にボトルネックがあるのでほぼ無意味だと言えるでしょう。

それよりもサーバーの応答速度や画像などのリクエスト数を減らすなどの対応を検討した方が確実に良いです。

そう言った経緯で多くのサイトがHTMLのMinify化を実施していないのだと思います。