ページスピードの改善をするため、画像の拡張子をwebpに変換する作業を試みたと…

ユーザー8162022.01.11 22:15

ページスピードの改善をするため、画像の拡張子をwebpに変換する作業を試みたところ、
page speed insight で確認する限りデスクトップでは90点以上で、上手くwebpに変換されているようです。
しかし、スマホでは20点台となってしまい、次世代のフォーマット（webp）に変更するようグーグルよりレコメンドされています。

スマホだけ改善されないのですが、どのような改善方法がありますでしょうか？
（EWWW optimizer やwebp converterなどのプラグインを使用して変換しています。）

共感した 0閲覧数 99回

みんなのコメント 7件

ユーザー660さん2022.01.11 22:23

スマートフォンで 20 点、結構低いですね。

ページスピードを改善するために webp を導入したことは良いことですが、ページスピードはそれ以外の要素も大きく関わってきます。
画像遅延読み込み、キャッシュ導入、JavaScript や CSS の圧縮、AMP 導入などでもページスピードは改善しますが、それぞれ中級者以上向けの施策なので、あまり理解せずに行ってしまうとそもそものサイト表示がおかしくなるなどの不具合が出てしまうでしょう。

viamahalo@gmail.com さんのサイトを見ていないためどの部分がサイト表示を妨げているのかは不明ですが、とりあえずすぐにできることとして、あまり利用していないプラグインや不要なプラグインを削除してみてください。

ナイス！0

ユーザー816さん質問者2022.01.12 01:28

キャッシュ系プラグインや、コードの圧縮のプラグインなどを導入してもあまり変化が見られませんでした。
また、不要なプラグインなども停止したことも過去にあるのですが、目立った改善は見られなかったです。

サイトは以下の通りです。
https://media.viamahalo.com/

スマホだけwebPが反映されないこと、スコアが極端に低いことが疑問です。

ネット上に溢れているスピード改善のための記事も読み漁ってみたのですが、打開策が見つからず、追加でアドバイス頂けましたら幸いです。

ナイス！0

ユーザー660さん2022.01.12 02:26

アイキャッチ画像やサイドバーのバナーに PNG 画像が使用されていますね。
PNG 画像を JPG に変換しつつ、tiny png などの画像圧縮ツールを使って事前に圧縮してから WordPress にアップロードすることで、だいぶ重さも変わるかと思います。ダイレクトに WebP でも OK です。
https://tinypng.com/

あとそれなりに簡単に行うことができるとすれば、CDN の導入でしょうか。私の場合、Cloudflare を利用しています。

ちなみにですが、それぞれの施策を行ってもしばらくはキャッシュが残っているため、すぐに改善された数値にならない場合もあります。
施策導入後はキャッシュを削除して、しばらくしてからサイトスピードを計測するなどしないと、正しく計測はされません。

なので、不要なプラグインも、停止してから削除することで、必ずページスピードは改善します。

またそもそもページスピードの改善は、ネットの情報を基に様々導入することで改善するのではなく、Page Speed Insight などでサイトの状況を計測し、表示スピードを妨げている箇所をサイトごとに改善するものですよ。

ネット情報を基に関係ないスピード改善施策を行うことで、逆にページスピードを遅くしてしまうこともあります。
その辺は注意してくださいね。

ナイス！0