読者です 読者をやめる 読者になる 読者になる

サイトの最適化に役立つ(?)ブックマークレットstaty

 最近、googleが熱心なWebサイトのチューニングですが、本格的なチューニングの前に手軽にサイトの統計を見ることのできるstatyというブックマークレットが公開されています。

 このブックマークレットをブックマークして分析したいサイトで開くと、Webサイト以下の項目がそれぞれ何バイトを使っているかをダイアログ表示してくれます。

  • JS attributes
  • CSS style attributes
    • HTMLに直接書かれたCSS
  • Inline JS
  • Inline CSS
    • styleタグ内に書かれたCSS
  • All innerHTML
    • DTD部分を除いたサイズ
  • # DOM elements
    • DOMエレメントがいくつかあるか。これだけは単位は数


はてなのトップページで試した例

 大まかですけど、どのあたりがどれくらいの容量があるのか? をみて最適化のあたりをつけるには悪くないツールだと思います。