Webページを高速化するためのポイントを教えてくれるChrome拡張「Page Speed Insights」

こんな拡張機能がGoogleオフィシャルで提供されていました。
Webページを高速化するためのポイントを、解析して提案してくれる「Page Speed Insights」という拡張です。

Webページを高速化させたいけど、どこをどうしたら・・・という人には、いいツールになりそうですねー。

Page Speed InsightsChrome ウェブストア – PageSpeed Insights (by Google) 

導入するのに特別なことは一切必要ありません。Chromeウェブストアでインストールするだけです。

Page Speed Insights

拡張機能のインストールが完了したら、Chromeの[表示]→[開発/管理]→[デベロッパー ツール]を立ちあげてみましょう。

すると、デベロッパーツールのタブの一番右端に「PageSpeed」というのが追加されます。

Page Speed Insights

あとは分析ボタンをクリックしてやれば自動的にリロードされ、どの部分が表示スピードの妨げになっているのか洗い出してくれますよ。

Page Speed Insights

はい。これで解析が完了です。左サイドには3段階の優先度順に、高速化するために施すべき項目がズラズラっと出てきます。
ひとつひとつ確認していくと、「ああ、そうだよなぁ。これは対応しないとなぁ」という項目もありますね。まぁ、うちの場合はほぼ外部サービスに左右されてるところが項目として挙がっているので、対応しようがないとこばっかりだったりするんですけど・・・。

お気づきの方もいるかと思いますが、そもそもこのツール、Google Developersで提供されている「Insights」を拡張機能としてパッケージにしたものです。
拡張機能になったことで、アクセスする手間が軽減されるので、デザイナーやコーダー、開発者でChromeを使っている人は、入れておくと何かと便利かもしれませんね。

Chrome ウェブストア – PageSpeed Insights (by Google) 

「拡張機能」新着記事

「Password Checkup」がChromeユーザーのセキュリティを守ってくれるかもしれない

ホシナ カズキ

全角英数を強制的に半角英数に変換するChrome拡張機能「goodbye “Zenkaku“ – さよなら全角英数」

ホシナ カズキ

「Responsive Web Design Tester」が手軽にモバイル表示をチェックできすぎる件

ホシナ カズキ

Google Chromeに厳選して入れている拡張機能とアプリまとめ (2015年版)

ホシナ カズキ

Google検索結果にシェア数を追加するChrome拡張「BUZZ RANKER」

ホシナ カズキ

もっと見る

モバデビはモバイルやウェブのネタ、ニュースMaciPhoneなどのApple関連、WordPressのことなど、いろいろ書く雑食系ブログメディア。
ためになるかもしれないし、ならないかもしれない。そこそこ更新してますそこそこ。

このブログについてもっと詳しく