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) 

「Google Chrome」新着記事

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

Avatar for ホシナ カズキ

ホシナ カズキ

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

Avatar for ホシナ カズキ

ホシナ カズキ

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

Avatar for ホシナ カズキ

ホシナ カズキ

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

Avatar for ホシナ カズキ

ホシナ カズキ

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

Avatar for ホシナ カズキ

ホシナ カズキ

もっと見る

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

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