GoogleのブラウザChromeのアクセス時間グラフがきれいでわかりやすい

何が気に入ったのかというと、アクセスとレンダリングの状況を時系列で表示してくれる機能だ。JavaScriptコンソールのツールバーにある［Resources］ボタンをクリックして、chromeで表示していたページをリロードするなどして読み込むと、YSlowのように各パーツのダウンロードと処理にそれぞれどれだけ時間がかかったのかがグラフィカルに表示される。

Google ChromeのJavaScriptコンソールでのアクセスグラフ表示。クリックで拡大するとわかるが、Web担のようなオブジェクトの多いページでは非常に縦長のグラフになる。
実際にはWebKitの機能を利用しているため、Safariのものと同様とのこと。

よくある機能だといえばそれまでだが、なによりもGoogle Chromeの表示は美しい。さらに、HTML要素は青色、スタイルシートは緑色、画像などは紫色、JavaScriptはオレンジ色と、色分けしてきれいに表示してくれ、最上部にその4つの種類でグループ化してかかった時間を表示してくれる。つまり、ページの読み込みが遅いのか、画像ファイルが多すぎて時間がかかっているのか、JavaScriptの処理に時間がかかっているのか、全体でどこに手を入れるのがページ表示のパフォーマンスに効果的かが一目でわかるのだ。

Web担当者としては、今すぐにサイトをGoogle Chromeに対応させるべきかといった心配は必要ないとは思うが、この機能は、ぜひ使ってみてほしい。

ちなみに、この記事はもちろんGoogle Chromeを使ってWeb担のCMSに投稿している。

※この記事は、Web担当者Forum（Web担）に掲載した編集部コラムを転載しています。
Web担当者Forumは企業ホームページ作りとネットマーケティングに関する情報サイトで、解説記事、コラム、ニュース記事などを毎日更新でお届けしています。
毎週月曜日発行のメールマガジンもありますので、興味のある方はぜひご登録ください。