【JetTheme】注目の投稿の遅延読み込みを解除する方法

【JetTheme】注目の投稿の遅延読み込みを解除する方法

JetTheme では、「注目の投稿」ガジェットの画像は遅延読み込みされます。

ただ、注目の投稿がファーストビューに入る場合は遅延読み込みされないほうが良いですよね。
PageSpeed Insights でも指摘が出ると思います。

PageSpeed Insights の指摘

私はページスピードやスコアの問題というより、見た目で画像表示が1テンポ遅れるのが気になったので遅延読み込みを外しました。

注目の投稿の画像の遅延読み込みを解除したい場合は、以下の方法で解除できます。

1. テンプレート内で以下の記述を検索します。

<b:includable id='JetFeaturedPost'>

2. その9行下にある以下の記述を、次のように置き換えます。

<img expr:alt='data:post.title' expr:class='data:post.featuredImage.isYoutube ?  &quot;object-cover lazyload&quot; : &quot;lazyload&quot;' expr:data-src='data:post.featuredImage.isYoutube ? data:post.featuredImage.youtubeMaxResDefaultUrl : data:post.featuredImage' loading='lazy' src='data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=='/>

↓↓↓

<img expr:alt='data:post.title' expr:src='data:post.featuredImage'/>

以上です。

修正後、画像表示とリンクの動作を確認して完了です。

PageSpeed Insights でも指摘は出なくなっていると思います。

NEXT PREV