SWELLでは標準でアイキャッチ画像はlazyloadから除外されます。もしlazyloadされている場合、SWELL以外のプラグインなどによって設定されている場合が多いです。

PSIについては下記もご覧ください。

https://qiita.com/skillsharejp/items/acc51ec062af43aa84c0

@skillsharejp 様

お忙しい中、さっそくご助言くださりありがとうございます!!

プラグインについては、該当するものとして「Autoptimize」あたりかなとは思いますが、こちらは

第三者パートナーの遅延読み込みのみ設定しています。

「lazyloadから除外されている」ということは、アイキャッチは「eager」という解釈であっていますでしょうか。

【PageSpeed Insightsの評価改善のためには、ファーストプレビュー画像を先に読み込むようHTMLを修正する】

という記事をみつけたのですが、現状SWELLのデフォルトなら特に対策はいらないのか。。。

だとすると、ほかのプラグインで「アイキャッチが遅延読み込みになってしまっている」

ということですよね。

なにか別に設定すれば「一番先に読み込みする」という設定にできるのでしょうか？

画像もサイズを縮小および圧縮し、アップロードしたのですが、どうしても読み込みに3.2秒以上かかってしまいます。

@suzutarou0518 

設定よりも先にプラグインを全て停止、もしくは１つずつ停止してみて悪影響を及ぼしているプラグインを特定する方が良いのではないでしょうか。

@his 様

お忙しい中アドバイスをくださり

ありがとうございました!!!

なるほど！

まずは今あるプラグインを一つずつ確認していくということですね！

試してみます！！！

投稿者:: @suzutarou0518

プラグインを停止しても同じことが起こることを確認しました

ご自身でも質問時にチェックされてます。まだ問題が発生するということは、停止して確認するというステップを完全に行ってないことになります。

たとえば、EWWW Image Optimizerには、SWELLと同じ遅延読み込み機能として、lazysizes.min.jsが含まれています。設定でオフにすることも可能です。
プラグイン上で「遅延読み込み」のチェックボックスを有効にしていると、プラグイン側でもlazysizes.min.jsが読み込まれるようになるので正常に機能しないことがあります。

たとえば、今回の事案の「アイキャッチ画像に遅延読み込み」もそれが原因かもしれません。

とは言え、原因がEWWW Image Optimizerではない可能性もありますので、可能であれば次回投稿時からはプラグインをひとつずつOFFにして原因を調査した上で投稿していただけると助かります。

@skillsharejp 様

本当にそうですよね..。

無知すぎて理解不足、本当に申し訳ありません...。

プラグインに対する知識や認識が不足しているのも原因です。

お手を煩わせてすみませんでした。

@96ssbike 様

お忙しい中、ご助言ありがとうございます!!

すごく丁寧に説明して下さってかなり助かります!!

そもそもEWWW Image Optimizerは

画像圧縮できるくらいにしか思っていなかったので気をつけます。

swell開発者さんの記事にも、相性のよくないプラグインに挙げられていましたので、停止して内容を確認します。

勇気を出して初めて質問しましたが、とにかくチェック不足ですね。

次からはきちんと確認してから質問するように致します。

ご迷惑をお掛けしました。

@suzutarou0518 さん、今私が喋ったEWWW Image Optimizerのことは、あくまで推測でしかないので、実際にはご自身で検証していただく形となります。もしかしたら、私が知らないだけで他のプラグインの影響かもしれません。

同一の環境を作るのはわりと手間がかかったり、困難なケースがあったりするので、できれば自分でプラグインの原因を探ってもらえると助かるなぁといったことでした。

なんにせよ、たくさんあるプラグインの全部に詳しいわけではないので、上記に関しては私の知っている範囲をお話ししたのみです。

ですので、お役に立てられるかもしれないし、お役に立てられないかもしれないんですが、できればお役に立てられれば幸いです。