【ハウツー】

Googleの"Web高速化"ノウハウが詰まったツールがアドオンに! - Page Speed

4 Hello, Page Speed! - Show Resources / Page Speed Activity

    富田宏昭  [2009/06/08]

    Firebugの「ネットワークモニター」に似た機能で、Webサイトのパフォーマンスアップに特化/活用しやすい機能が用意されている。Analyze Performance実行後にPage SpeedパネルのShow Resourcesをクリックすると、取得した全リソースのファイル名、HTTPステータスコード、ドメイン名、ファイルタイプ、ファイル/転送サイズを表示する。

    Show Resourcesではリソースの一覧と合計が表示される

    ネットワークモニター同様、リソースをクリックするとヘッダとレスポンス内容を確認できる

    Page Speed Activityではページ表示やJavaScriptの処理にかかった時間を記録/グラフ表示する。任意のタイミングで記録開始/記録停止ができ、また処理時間がカテゴライズして表示されるのでどこがボトルネックになっているかがわかりやすくなっている。

    Page Speed Activityパネル。「Record」で記録開始、「Stop」で記録停止。ボトルネックがある箇所に当たりがついている場合、必要な情報だけを表示できるのが嬉しいところ

    ポイントがまとめられたPerformance Best Practices、ぜひ一読を

    便利な機能をひとまとめにしたPage Speed。アドオン自体もさることながら、注目したいのは整備されたドキュメントだ。Page Speed自体はユーザはとくに意識することなく、簡単なボタン操作だけで解析をおこなってくれるようになっている。しかし忘れてはならないのは「何のためにこのプラクティスが用意されていて」「サーバ設定やコード、ファイルを修正することでどんな面で何が期待できるか」だ。

    Page Speedのテスト項目や結果の解説は多岐に渡る。Page Speedパネルのアナライズ結果からもジャンプできるPerformance Best Practicesには「なぜこのテストをおこなうか」をはじめとした詳細内容、サンプルコードが図解つきで説明されている。Page Speedをフルに活用するにあたって、これらのドキュメントはぜひ一読しておきたい。

    関連記事

    関連サイト

    関連したタグ

    新着記事

    特設サイトの情報

      求人情報

      人気記事

      一覧

      イチオシ記事

      新着記事

      特別企画

      転職ノウハウ

      あなたの仕事適性診断

      4つの診断で、自分の適性を見つめなおそう!

      Heroes File ~挑戦者たち~

      働くこと・挑戦し続けることへの思いを綴ったインタビュー

      はじめての転職診断

      あなたにピッタリのアドバイスを読むことができます。

      転職Q&A

      転職に必要な情報が収集できます

      スカウト転職する

      企業からアプローチのメッセージが届きます。

      マイナビニュースマガジン