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については、以下の記事も書かれています。

関連記事

  1. Web Service

    pxからemに文字サイズを変換してくれるツール「px-em」

    最近ではレスポンシブWebデザインなどで文字サイズにemを使う機会も増…

  2. Web Service

    iPhoneでコピペを多用する人に便利なクリップボード履歴が分かるアプリ「Clipboard Man…

    個人的にとても便利すぎるアプリがあったのでご紹介します。iPhoneの…

  3. placekitten

    Web Service

    Webサイト作成時に可愛い猫のダミー画像を用意してくれる「placekitten」

    とても素敵なWebサービスがあったのでご紹介します。Webサイトを作成…

  4. Web Service

    WebサイトのタイトルとURLを簡単に取得できて自分用HTMLリンクも作成できるChrome拡張機能…

    現在見ているWebサイトのタイトルとURLを簡単に取得できたり、自分用…

  5. Box Shadow

    Web Service

    CSSでボックスシャドウを作成してくれるジェネレーター「Box Shadow」

    CSSでボックスシャドウを簡単に作成できるジェネレーター「Box Sh…

  6. iPhoneの天気予報アプリ「そら案内」

    Web Service

    iPhone定番人気の天気予報アプリの「そら案内」を使ってみた

    前回、Mac版の「そら案内」を使ってみたら素晴らしすぎるアプリだったの…

コメント

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

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

最近の記事

  1. mill オイルヒーター
  2. Anker PowerWave 10 Pad & Stand セット

アーカイブ

PAGE TOP