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

    iPhoneの人気のカメラアプリ「プロカメラ」がすごくよかったのでその基本的な使い方

    iPhoneアプリで人気の高いカメラアプリ「プロカメラ」を使ってみまし…

  2. PageSpeed Insights

    Web Service

    Webサイト高速化にするための必要項目を教えてくれるGoogleツール「PageSpeed Insi…

    Webサイトを高速化にするために必要な項目を教えてくれるGoogleツ…

  3. Web Service

    CSSで多彩なエフェクトをつけることができるジェネレーター「CSSPainter」

    CSSで多彩なエフェクトをつけることができるジェネレーター「CSSPa…

  4. Web Service

    iPhoneアプリ「Resize Photo」を使って撮った画像を好きなサイズにリサイズする

    iPhoneで撮った画像をリサイズしたい時ってありますよね。Resiz…

  5. Web Service

    feedlyの登録者数を取得できる「Feedly Subscribers Checker 2」

    自分のブログをfeedlyに登録してくれている人の数を知りたいという方…

  6. Web Service

    画像を指定すれば色の値を教えてくれるジェネレーター「Color Palette Generator」…

    便利そうだったので使ってみました。画像のURLを指定すれば、その画像に…

コメント

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

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

最近の記事

  1. SRS-XB43
  2. Nu:kin
  3. フィールグッドシャワー

アーカイブ

PAGE TOP