未分類

  (最終更新日: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. 未分類

    第63回NHK紅白歌合戦2012の出場者が公開。YUIキタァァァ!!!の出演者一覧。

    待ちに待ったYUIキタ━(゚∀゚)━! 活動休止前の最後のTV出演…

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

    未分類

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

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

  3. Typicの紹介と使い方

    未分類

    Typic:簡単操作で写真にフィルターとオシャレな文字入れができるアプリ。無料

    Typicは簡単操作で写真にオシャレな文字を描くことができるアプリ…

  4. 未分類

    次世代XboxとなるXbox Oneが発表されたのでPS4とスペックを比較してみた

    どうなんでしょね。まぁスペックがモノを言うわけではないので一概…

  5. iTunes 11

    未分類

    リリースが11月に延期されたiTunes11で何が変わるのか

    10月末にリリースを予定していたiTunes11が「完成度を高める…

  6. 未分類

    WordPressで記事の作成時に一括して画像を挿入する方法

    WordPressの記事作成時に、一括してアップロードした画像をまとめ…

コメント

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

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

最近の記事

Twitter

  1. 入園グッズ

    【入園グッズ】お弁当箱は食洗機対応で時短がオススメ。我が家はカーズのセットで統一…
  2. 妊娠生活

    悪阻で自宅安静にしている妊婦さんに『ワタミの宅食』を超絶おすすめしたい理由と注意…
  3. jQuery

    QuickSearchプラグインで全角スペースを区切り文字に追加する方法
  4. おすすめアイテム

    超軽くて子どもでも持ちやすい。いろいろな食器がセットされたトーマスの食器セットを…
  5. Flickr

    【Flickr】カメラロールから写真を選択して編集(加工)する方法
PAGE TOP