Pagespeed Insightsで最大22.6ポイントスコアアップ!平均3.2ポイントアップ!Googleが開発した新しい画像フォーマットWebPでスコアが上がる!

新しい画像フォーマットのWebPで、Pagespeed Insightsのスコアがかわるかどうか調べてみました。
※この記事は読者によって投稿されたユーザー投稿のため、編集部の見解や意向と異なる場合があります。また、編集部はこの内容について正確性を保証できません。

WebP変換した場合、どのぐらい変化があるのかを調査

27つのデモページを利用して、Googleが開発した新しい画像フォーマットWebPを利用したら、Pagespeed Insightsのスコアがどうなるのかを調べてみました。

最大22.6ポイント、平均3.2ポイントのスコアアップ

今回は無料のBootstrapテンプレートページをデモとして利用し、その結果を利用しています。配布されているテンプレートなので、フロントエンド構築レベルも高く、画像も圧縮されているケースもあり、検証対象としてはかなりシビアなものだと思います。

画像のファイルサイズが大きいデモページでは、最大22.6ポイントのスコアアップが確認できました。

ひとつのデモページでは、スコアリングが0.2ポイントほどさがりました。これはWebPでさがったというわけではなく、ネットワーク環境による影響が強いせいです。PSIは3ポイントぐらいは計測ごとに異なるため、その影響となります。

平均して、3.2ポイントのスコアアップが可能でした。9ポイントあがるデモページもありますし、2ポイント上がるところもあります。画像軽量化が行われているデモページでは、スコアアップのポイントはすくなめですが、確実にスコアがあがるのは確認できました。

詳細については、こちらの記事をご覧ください。今回の調査データも無料でダウンロードいただけます。

WebPの活用によるPageSpeed Insigntsのスコア改善を本気で検証
https://blog.ideamans.com/2019/02/webp-pagespeed-insights.html

自分のウェブサイトをWebPにするとどのぐらいかわるのか無料でチェック

WebPに変換したらどのぐらいかわるのか、無料のシュミレータでチェックすることができます。URLを入れていただいて、ボタンをクリックするだけ!30秒以内に結果がでます!

ページまるごとWebPファイル変換
https://sim.lightfile.net/webp/

実際にWebP変換された画像一式をダウンロードすることも可能。画質のチェックもできるので、比較することもできちゃいます。

最後に

JPEGが登場してから26年以上も経っているので、そもそろ新しい画像フォーマットにかわることも検討するべきでしょう。SVGやPNGなど、さまざまな画像フォーマットが生まれていますが、一部に特化しているものや重くなってしまうケースなどがあるため、あまりシンプルではありません。

もうWebPでいいじゃん」というレベルでよいくらい、このWebPは優れています。ウェブでの画像表示は、ぜひWebPを取り入れていきましょう!

この記事が役に立ったらシェア!
みんなが読んでるWeb担メルマガで、あなたも最新情報をチェック
  • SEOやデジタルマーケの最新情報をゲット
  • 事例やインタビューも見逃さない
  • 要チェックのセミナー情報も届く
みんなが読んでるWeb担メルマガで、あなたも最新情報をチェック
  • SEOやデジタルマーケの最新情報をゲット
  • 事例やインタビューも見逃さない
  • 要チェックのセミナー情報も届く

人気記事トップ10(過去7日間)

今日の用語

有料検索エンジン登録
検索エンジンに対して料金を支払って、検索結果ページに反映させること。 リスティ ...→用語集へ

連載/特集コーナーから探す

インフォメーション

Web担のメルマガを購読しませんか?
Web担の記事がコンパクトに毎週届くメールマガジン「Web担ウィークリー」は、10万人が読んでいる人気メルマガ。忙しいあなたの情報収集力をアップさせる強い味方で、お得な情報もいち早く入手できます。

Web担に広告を掲載しませんか?
購読者数10万人のメールマガジン広告をはじめとする広告サービスで、御社の認知向上やセミナー集客を強力にお手伝いいたします。

サイトマップ
RSSフィード


Web担を応援して支えてくださっている企業さま [各サービス/製品の紹介はこちらから]