Chrome拡張機能「PageSpeed Insights」

Web Service

「PageSpeed Insights」のChrome拡張機能があったのでインストールしてみた

以前ご紹介したWebサイトを高速化するためのGoogleツール「PageSpeed Insights」のChrome拡張機能があったのでインストールしてみました。これをインストールすると、ChromeのデベロッパーツールにPageSpeed Insightsの機能が追加されます。Webサイトを高速化したい方は入れておくとよさそう。

[ads_center]

使い方

PageSpeed InsightsをChromeにインストールすると、Chrome設定メニューから「ツール」→「デベロッパー ツール」をクリックします。もしくはMacの場合は「commandキー + optionキー + iキー」で行けます。

Chrome拡張機能「PageSpeed Insights」の使い方

そうすると、タブメニューの一番右に「PageSpeed」という項目が追加されているので、その中にある「分析」をクリック(目的のサイトを開いている状態で)します。

PageSpeed Insightsが追加

これで、Webサイトの高速化のための提案概要が表示されます。優先度つきなのでとても助かりますね。

提案概要が表示

ということで、Chrome拡張機能「PageSpeed Insights」の使い方でした。

PageSpeed Insightsについては、以下の記事も書かれています。

jQuery Stick ‘emスクロール時にその場所のコンテンツに応じたサイドバーが追従する「jQuery Stick ‘em」前のページ

水平や垂直方向に配置できる水車のような便利なカルーセル「jQuery Waterwheel Carousel」次のページjQuery Waterwheel Carousel

関連記事

  1. Web Service

    文字をペーストするだけで文字数をカウントしてくれるChrome拡張機能「文字数カウンタ」

    何気に入れておけば便利かと思ったのでインストールしてみました。文字をペ…

  2. OmmWriter

    Web Service

    創造力を掻き立ててくれるテキストエディタ「OmmWriter Dāna II」を使えば集中して文章が…

    めちゃくちゃシンプルでミニマルデザインが素敵なテキストエディタ「Omm…

  3. 目覚まし時計

    Web Service

    朝起きるのに便利!Macで指定した時間にアラームを鳴らしてくれるアプリ「目覚まし時計」

    Macで目覚まし時計をセットしたくてアプリを探していたらよさそうなのが…

  4. Web Service

    Chromeのダウンロード履歴を自動で消去してくれる拡張機能「Always Clear Downlo…

    ちょっと良さげだったので入れてみました。Google Chromeのダ…

  5. Responsive Design Bookmarklet

    Web Service

    レスポンシブなデザインを瞬時に確認する為のブックマークレット「Responsive Design B…

    シンプルですが、かなり便利なブックマークレットを見つけたのでご紹介しま…

  6. Web Service

    CSS Sprite用の画像やコードを簡単に作成してくれるCSS Sprite Generatorを…

    すごい今更なんですがCSS Spriteを初めて試してみました。自分で…

コメント

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

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

最近の記事

  1. セミの抜けがら
  2. Nikeスポーツバンド(アンスラサイト/ブラック)
  3. COMOLI 和紙コットンリストバンド
  4. スターバックス インドネシア アチェ
  5. ベーコンとほうれん草のキッシュ

アーカイブ

PAGE TOP