Webサイトの高速化ポイントを教えてくれるGoogle謹製のツールPage Speedの使い方

未分類

  (最終更新日:2016.03.18)

Webサイトの高速化ポイントを教えてくれるGoogle謹製の超お役立ちツール『Page Speed』の使い方

Webサイトの高速化ポイントを教えてくれるGoogle謹製のツールPage Speedの使い方

WordPress重いんだよおおおおおおおおおおおおおおお!!!
と、嘆きそうになってるいつきです。重い時は重い! というか頻繁に重い。


そこで。
特定のWebサイトをより高速化(読み込みを早く)するにはどうすればいいのか、を技術的な見地でアドバイスしてくれるお役立ちツールがGoogleのアドオン『Page Speed』です。
今回はChromeとその拡張機能『Page Speed』を使った確認方法のご紹介をしたいと思います!
超簡単にアドバイスくれます。


まずはPage Speedのインストール方法です。拡張機能を更に拡張します。
Chromeのアドレス欄に『about:flags』と入力してエンターキーを押します。


「試験運用版の拡張機能 API を有効にします。」を『有効』にします。


「変更内容は次に Google Chrome を再起動したときに有効になります。」と表示されているので『今すぐ再起動』をクリック。


Page SpeedのChromeストアを開きます。
https://chrome.google.com/webstore/detail/pagespeed-insights-by-goo/gplegfbjlmmehdoakndmohflojccocli


右上の「CHROMEに追加」をクリック。


『追加』をクリック。


インストールが完了したらこのような感じで表示されます。ここまででインストールが完了。


続いて「Page Speed」の使い方です。
測定したいサイトサイトをChromeで開いてから『Ctrl+Shift+I』でデベロッパーツールを表示します。
表示されたデベロッパーツールの「Page Speed」をクリック。


『分析』をクリックします。これで分析開始。


分析が完了したら詳細なアドバイス情報が表示されます。もうね神ツールだよこれ!


というわけでサクサクサクっとご紹介したGoogle謹製Web管理者向けツールPage Speedのインストール方法と使い方でした。
自分のブログが重いんだけど… なんてお悩みのブロガーさんはぜひ試してみてください!


では。

関連記事

  1. Facebookのハイライトと最新情報の違い

    未分類

    Facebookタイムラインの「ハイライト」と「最新情報」の違い

    Facebookのタイムラインの並び順として選択できる「ハイライト…

  2. 未分類

    腰を痛めない正しいスクワットのやり方で下半身を鍛える方法

    誰でも体育の授業でやったことのあるスクワット。『下半身を鍛える…

  3. 未分類

    WordPress Popular Posts でサムネイル画像を綺麗に表示させる方法

    このブログでも利用しているWordpressプラグイン『人気の記事』の…

  4. 未分類

    ブログのタイトルとドメインを変更しました、のご報告

    大人の事情諸事情によりブログの名前とドメインを変更しました。みっく…

  5. MeiryoKe_Console

    Windows 7

    等幅フォントのメイリオ「MeiryoKe_Console」をWindows7にインストールする方法

    修正:2014/08/31画像がリンク切れとなっていたので…

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

最近の記事

Twitter

  1. Dropbox

    PCの容量も削減。Dropboxで特定のフォルダを同期させない方法
  2. 未分類

    すき家の期間限定商品『3種のきのこ牛丼』はバター風味で絶対にまた食べたくなる濃厚…
  3. Twitter

    【whotwi】ツイッターの片思い両思いを調べてフォロワー整理に役立つ便利サービ…
  4. フリーソフト

    【DiskInfo】指定フォルダ内のフォルダ・ファイルのディスク占有率を表示する…
  5. jQuery

    QuickSearchプラグインで全角スペースを区切り文字に追加する方法
PAGE TOP