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

    ノイズの入ったテクスチャを簡単に作成してくれるジェネレーター「Noise Texture Gener…

    ノイズが入ったテクスチャをとても簡単に作成することができるジェネレータ…

  2. Web Service

    Mac版Pocketがリリースされたのでさっそく使ってみた!

    あとで読むサービスのPocketがMacのアプリでついに登場していたの…

  3. JTF日本語スタイルチェッカー

    Web Service

    日本語の文章を手軽にチェックできる「JTF日本語スタイルチェッカー」

    JTF日本語スタイルチェッカーは日本語の文章を手軽にチェックすることが…

  4. Web Service

    ブログで使う画像を加工・編集して文字入れや矢印も簡単に挿入できるSkitchの基本的な使い方

    毎回ブログで使う画像はPhotoshopで編集したりしてたんですが、も…

  5. Noise Texture

    Web Service

    手軽にノイズテクスチャの画像を作成できるツール「Noise Texture」

    手軽にノイズテクスチャの画像を作成できる便利なツール「Noise Te…

  6. OmmWriter

    Web Service

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

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

コメント

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

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

最近の記事

  1. タリーズ ハムチーズ&サラダサンド
  2. クリニカのY字タイプのフロス
  3. 日和山公園の桜
  4. 成城石井 フレンチロースト
  5. COMOLI カシミアシルクニットパーカ

アーカイブ

PAGE TOP