Question
記事スライドショーのLCP改善について
- 西 西村さゆり
-
いつもJIN:Rを利用しております。
TOPページのメインビジュアルに「記事スライドショー」を使用しています。
PageSpeed Insightsでモバイル表示を確認したところ、
LCPが約12〜13秒となっており、LCPリクエストについて
・fetchpriority="high" を適用する必要がある
・リクエストを最初のドキュメントから検出できるようにする必要がある
と表示されています。
LCP対象は、記事スライドショーの先頭に表示している記事のアイキャッチ画像です。
画像自体の軽量化なども行いましたが、
記事スライドショーのデザインを維持したまま、
先頭画像の読み込みを優先させる方法や、
fetchpriority="high" を付与する方法はありますでしょうか。
JIN:Rで推奨されている設定・対応方法がありましたら、
教えていただけますと幸いです。
よろしくお願いいたします。- WP 7.1系
- PHP 8.3.x
- JIN:R 1.4.8
- Conoha Wing
- GoogleChrome
- macOS
-
お世話になっております。
2026/09/01 15:08JIN:R運営チームのRyotaと申します。
ご質問いただいた「記事スライドショーの先頭画像に fetchpriority="high" を付与する方法」についてですが、現状JIN:Rの管理画面上から、記事スライドショー内の画像に対して個別に fetchpriority を設定する機能はございません。
JIN:Rの記事スライドショーは、「カスタマイズ」>「メインビジュアル」より、表示したい記事URLやデザイン、アニメーション速度などを設定する仕様となっております。
▼記事スライドショーの作り方
https://jinr.jp/manual/article-slide-2/
そのため、PageSpeed Insightsで表示されている fetchpriority の付与については、現時点ではテーマの設定画面から直接調整することが難しい状況です。
LCP改善のために、画像へ fetchpriority を付与するかどうか、またテーマ側でどのように扱うべきかにつきましては、開発チームへ共有させていただきます。
現時点でご対応いただける内容としては、以下をご確認いただけますと幸いです。
・記事スライドショーに設定している先頭記事のアイキャッチ画像をできるだけ軽量化する
・アイキャッチ画像の表示サイズに対して、必要以上に大きな画像を使用していないか確認する
・WebP形式など、軽量な画像形式の利用を検討する
・キャッシュ系プラグインやサーバー側のキャッシュ設定を見直す
恐れ入りますが、現時点では上記の範囲でご調整いただけますと幸いです。
どうぞよろしくお願いいたします。