WordPress5.5以降 Lazy Loading 停止方法 Native Lazyload

2021年3月24日

問題点

WordPress5.5以降に採用されるようになった、Native Lazyloadを停止させて、画像にLazyloadを無効にさせる必要が出た。

Lazyloadとは

Lazyloadとは、ページの読み込み速度（テキストなどを先に読めるようにする）を上げるために、画像の読み込みを遅延する技術である。WordPress5.5以降は、Native Lazyloadとして標準実装されている。画像のimgタグに自動的に「loading=”lazy”」と入り、機能を動作するようにしている。

Native Lazyload対象は

Native Lazyload対象になるのは、下記条件で出力される画像になります。
※WordPress5.5時点の条件のため、バージョンが上がると変更や追加、削除がある可能性もあり。

最初の「the_content」が記事や固定ページに該当されるところです。

Lazy loadingを無効にする方法

WordPress5.5以降で、Lazy loadingを無効にする方法は、下記コードを「functions.php」などに追加すれば可能です。

add_filter( 'wp_lazy_loading_enabled' , '__return_false' );

このコードを追加しますと、Native Lazyloadの機能により、画像のimgタグに自動的に挿入されていた「loading=”lazy”」が入らなくなります。

その他応用例

今回は、詳細を省きますが、「if(is_page～～）」、「if(!is_page～～）」、「if(is_single）」、「if(!is_single）」などを利用して、条件式を組み、特定の記事や固定ページのみ、Lazy loadningを無効にすることも可能です。

この記事にいっぱいおごってみる？

オススメ記事

広告AKRacing(エーケーレーシング) Nitro V2 ゲーミングチェア [カラー：レッド/ブルー] ※メーカー直送の為、配送業者・時間指定不可※ ＜午前中指定でのお届けとなります＞【※代引き発送不可】

対策法「ウェブフォント読み込み中のテキストの表示」PageSpeed Insig…

問題点 PageSpeed Insights の診断結果で「…

ConoHa WING Google Pagespeed Insights 速度…

今回は、このページの立ち上げの理由の１つの、今後を見据えたW…

WordPress ウィジェットの表示期間を設定できるプラグイン…

問題点 WordPressの標準機能では、ウィジェットの表示…