サイトの最適化に役立つ(?)ブックマークレットstaty
最近、googleが熱心なWebサイトのチューニングですが、本格的なチューニングの前に手軽にサイトの統計を見ることのできるstatyというブックマークレットが公開されています。
このブックマークレットをブックマークして分析したいサイトで開くと、Webサイト以下の項目がそれぞれ何バイトを使っているかをダイアログ表示してくれます。
- JS attributes
- HTMLに直接書かれたJavaScript
- CSS style attributes
- HTMLに直接書かれたCSS
- Inline JS
- scriptタグ内に書かれたJavaScript
- Inline CSS
- styleタグ内に書かれたCSS
- All innerHTML
- DTD部分を除いたサイズ
- # DOM elements
- DOMエレメントがいくつかあるか。これだけは単位は数
※はてなのトップページで試した例
大まかですけど、どのあたりがどれくらいの容量があるのか? をみて最適化のあたりをつけるには悪くないツールだと思います。