あなたサイトを遅くしている原因をグラフィカルに指摘する｢SlowCop｣【増田(@maskin)真樹】

[読了時間:1分]

　ウェブサイトが一般に浸透し始めて十数年。軽量化したサイトの方が有利だとは理解していても、どのファイルや処理がどういう順番で読み込まれるかがサイトの “ブランド力” にどれだけ大きな影響を与えるかを考えながら構築している人は少ない。

　｢SlowCop｣に自分が運営するサイトのURLを入力すれば、どんな処理にどれくらいの時間がかかっているといったことが、上の図のようにグラフィカルに把握することができるようになる。今まで気にもしていなかったような外部ファイルの読み込みが、実はサイト全体のパフォーマンスに影響を及ぼし印象を悪くしているか、といったことが一目でわかるのだ。

　同様のサービスとしては米Yahoo.comの「Y! Slow」やGoogleの「Page Speed」があった。いずれもFirefoxのプラグインとして動作するものだが、「SlowCop」はウェブブラウザだけで動作する。

　ファイルの読み込みなどそれぞれの依存関係が視覚的に確認できるため、どの要素が読み込みに時間がかかっているかが誰にでも解る。特に秀逸なのは「Page Speed Problem」というレポート部分。「Leverage browse caching(ブラウザキャッシュ効果の改善)」や「Combine external JavaScript(外部JavaScriptの)」「Minimize DNS lookups(DNSルックアップの最適化)」「Minify JavaScript(JavaScriptの最小化)」などなど16項目について、問題点の指摘と改善策を提示してくれる。

■ 関連URL
・SlowCop
http://www.slowcop.com/

蛇足：僕はこう思ったッス


techwave.jpのスコアはこんな感じ。レポートで指摘されている部分を改善するだけで、どのサイトもかなり高速になると思う。最近はFacebookやTwitter埋め込みで外部JavaScriptを使う人が多いが、この辺の扱いで「ロゴは出たけど、本文がなかなか出てこない」みたいなサイトが増加中。全体のスコアが良くても、肝心のコンテンツ表示が遅延すると、快適さが削られサイトのブランド力低下につながったりする。