画像の表示速度が遅い - Cocoonテーマに関する質問

RE: 画像の表示速度が遅い

わいひら — Tue, 21 Jan 2025 11:02:00 +0000

PCでもペラペラ画像表示ですが、特に携帯でサイトにアクセスしたときにpunipuniとの差が激しいですね、、。

テーマによって違いがあるので、PageSpeed Insightsのスコアに違いがあるのは全然わかるんです。
ただこのLazyload目画像表示に違いがあるのは、よくわからないんですよね。
本文の画像のLazyload表示は、テーマが違っても多分WordPressの仕様通りの表示動作だと思うので。
それが違うんだとしたら、サーバーの仕様の違いくらいしか思いつかないです。

なぜ携帯だけ低くなるのかが分かりませんが、100点のデスクトップでも画像の表示はペラペラ遅いので、PageSpeedInsightsの携帯項目で提示された問題を直そうとしても関係なさそうなのかなと思いました。

モバイルは制限や制約があるので、基本的にパソコンよりスコアが悪くなるのは、ほとんどのサイトがそうだと思います。

RE: 画像の表示速度が遅い

fukisan — Mon, 20 Jan 2025 11:01:03 +0000

@yhira

ありがとうございます。

アイキャッチ画像を非表示にしても画像表示もPageSpeedInsightsも変わりませんでした。

私の画像もWebPにしており、検証ツールでwebPになっていること確認できました。punipuniの記事と同様に、アイキャッチ画像の方がjpgでした。

他の違いとしては、

プラグイン : punipuni 2コ/ gurabiamedia 10コ

(無効化して減らしても変わらないので関係なさそう)

テーマ : punipuni Swell / gurabiamedia cocoon

でした。

PCでもペラペラ画像表示ですが、特に携帯でサイトにアクセスしたときにpunipuniとの差が激しいですね、、。

(PageSpeedInsights : gurabiamediaは携帯90点前後、デスクトップ100点)

他にもできること調べたのですが、今のところ他にできることは分かっていないです、。

RE: 画像の表示速度が遅い

わいひら — Mon, 20 Jan 2025 09:48:12 +0000

- 私の調べ方が悪いせいか、これをどう試せば良いかの情報が出てきません。どうすれば良いでしょうか？

テスト的にCSSで非表示にして、計測してスコアが変わるか試してみるとかどうでしょうか。スコアが上昇すれば、そこで何か対策を考えれば良いし、スコアが変わらなければアイキャッチが原因ではないということになるでしょうし。

- アイキャッチ画像が最後まで読みこまれないようにしているとのことですが、普通にページにアクセスすると一番最初に表示されると思います。これはどういうことでしょうか？読み込まれないけど表示はされるっていうのは...？

僕も調べてみないとわからないです。上のテストでスコアが良くなるようであれば調べてみます。

- このアイキャッチ画像を最後まで読み込まれないようにする以外に試すべきことはありますでしょうか？明確な原因はないんでしょうか。。punipuniサイトの方が画像数もたくさんあるのに、、、。

PageSpeed Insightsのスコア的なことであれば、対策するのもなかなか難しいのではないかと思います。
スクロールした時の表示の遅さでいえば、puni-puni.comの本文の画像は.webpにはなっているようですね。何枚か画像サイズをgurabiamedia.comと比較して、見てみたんですが、画像のサイズはそんなに変わらないので、どこまで効果があるかはちょっとわかりませんが。