![【JetTheme】注目の投稿の遅延読み込みを解除する方法](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhe3tKCUgf6bcRuOaRVj15FDEFRt_gMDWjG7vGfvg6KO5ZN_UFTmffPoBdA6xfJ96hVEIjlVY56Lajy9PGZZ3wtSxjcwh8C0leEHTYd7tJcY0YBDfYvwoSzdDprEOtDK0F4DvmlfgKUju3_/s1000-e365-rw/eyecatch-featuredpost.png)
【JetTheme】注目の投稿の遅延読み込みを解除する方法
JetTheme では、「注目の投稿」ガジェットの画像は遅延読み込みされます。
ただ、注目の投稿がファーストビューに入る場合は遅延読み込みされないほうが良いですよね。
PageSpeed Insights でも指摘が出ると思います。
![PageSpeed Insights の指摘](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpFZYd95x1HAR7OoEIcmDlmyEgyZ015YqMN-2rwKwv8jj3nmBbQZQp8pgsXAzhsljGWesmcG1Uln1qcsXofYxY8XyTioRCxcSNqD6LC-iWz7Jc0i6TuzairO8_ngy849t_ISAInw8CQjBY/s1200-e365/featuredpsi.png)
私はページスピードやスコアの問題というより、見た目で画像表示が1テンポ遅れるのが気になったので遅延読み込みを外しました。
注目の投稿の画像の遅延読み込みを解除したい場合は、以下の方法で解除できます。
1. テンプレート内で以下の記述を検索します。
<b:includable id='JetFeaturedPost'>
2. その9行下にある以下の記述を、次のように置き換えます。
<img expr:alt='data:post.title' expr:class='data:post.featuredImage.isYoutube ? "object-cover lazyload" : "lazyload"' 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 でも指摘は出なくなっていると思います。