WordPressでLazy Loadを正しく無効化する方法（ステップバイステップ）

WordPressの遅延ロードを無効化したいですか？

WordPressの初期設定では、ページの読み込み速度を向上させるために、画像やその他のメディアのダウンロードを遅延させる遅延ロード機能が搭載されています。しかし、サイトによっては画像がすぐに表示されず、ユーザーエクスペリエンスに影響を与える可能性があります。

この投稿では、WordPressで遅延読み込みを簡単に無効化する方法を紹介します。

レイジー・ローディングとは？

WordPressはWordPress 5.5で初めて画像の遅延ロードを導入した。その後、iframe埋め込み（YouTube動画、Spotify、その他の埋め込みなど）にも遅延ロード機能が拡張されました。

この方法は、コンテンツと表示エリアを最初に素早く読み込むことで、サイトのパフォーマンスとページ速度を向上させるのに役立ちます。

Googleのような検索エンジンはスピードを重要なランキング要素と考えているためです。

画像や埋め込み以外にも、コメントや Gravatarsを簡単に遅延ロードして、ページの読み込み速度をさらに向上させることができます。

レイジーローディング機能は、画像を右クリックし、ブラウザーでInspectツールを選択することで実際に見ることができます。

ブラウザー画面が分割され、HTMLソースコードが表示されます。ここから、画像に追加された “loading=lazely “属性を見ることができます。

通常、遅延ロードはWordPressサイトにとって全体的なメリットがあるため、無効化することはお勧めしません。無効にすると、サイトの速度が遅くなり、コンバージョン率が低下し、SEOランキングが下がる可能性があります。

しかし、サイトによっては遅延ロードがユーザーエクスペリエンスに影響を与えることもある。

例えば、画像がコンテンツの最も重要な要素である写真サイトを運営している場合、画像の読み込みが遅いと、ユーザーのユーザーエクスペリエンスが損なわれる可能性があります。

また、別の遅延読み込みソリューションを使用していて、WordPressの初期設定の遅延読み込みをオフにしたい場合もあるでしょう。

ということで、WordPressで遅延ロードを簡単に無効化する方法を見てみよう。

このチュートリアルでは、コードによる方法とプラグインによる方法を説明します：

動画チュートリアル

もし、文章での説明がお望みなら、このまま読み進めてほしい。

方法1：WPCodeを使用してWordPressの遅延ロードを無効化する（推奨）

テーマのfunctions.phpファイルにカスタムコードを追加することで、WordPressの遅延ロード機能を無効化することができます。

ただし、コードを追加する際のわずかなエラーでサイトが壊れ、アクセスできなくなる可能性があることに留意してください。

そのため、WPCodeを使用してカスタムコードを追加することをお勧めします。

あなたのサイトにコードを追加するのが超簡単で安全になる、市場で最高のWordPressカスタムコードスニペットプラグインです。

まず、WPCodeプラグインをインストールし、有効化する必要があります。詳しい手順は、WordPressプラグインのインストール方法をご覧ください。

有効化したら、WordPressダッシュボードからCode Snippets ” + Add Snippetページにアクセスします。

ここから、「カスタムコードを追加（新規スニペット）」設定の下にある「スニペットを使用」ボタンをクリックします。

カスタム・スニペットの作成」ページが表示されますので、まずコード・スニペットの名前を入力してください。コード・スニペットとその機能を識別するのに役立つものであれば何でもかまいません。

その後、画面の右隅にある「コードタイプ」のドロップダウンメニューから「PHPスニペット」を選択します。

次に、以下のPHPコードをコピー＆ペーストして「コードプレビュー」ボックスに入力します：

add_filter( 'wp_lazy_loading_enabled', '__return_false' );

貼り付け後のコードはこのようになる。

その後、「インサーター」セクションまでスクロールダウンする。ここで「自動挿入」モードを選択する。

これにより、スニペットを有効化すると、WordPressサイト上のあらゆる場所でカスタマイザーコードが自動的に実行されるようになります。

次に、ページを一番上までスクロールし、「Inactive」スイッチを「Active」に切り替える。

その後、「Save Snippet」ボタンをクリックしてコード・スニペットを保存し、実行することを忘れないでください。

有効化したカスタムコードスニペットは、WordPressブログの遅延読み込み機能を無効化します。

画像上で右クリックし、ブラウザーメニューから『Inspect』を選択すればテストできる。

画像のHTMLコードでは、loading=lazy属性が消えます。

方法2：プラグインを使ってWordPressの遅延ロードを無効化する

サイトにコードを追加したくない場合は、プラグインを使って画像の遅延読み込みを無効化することができます。

必要なのは、Disable Lazy Load プラグインをインストールして有効化するだけです。詳しい手順については、 WordPressプラグインのインストール方法のステップバイステップガイドをご覧ください。

プラグインは箱から出してすぐに動作し、設定は必須ではありません。有効化した後は、自動的にサイトの遅延ロード機能を無効化します。

ボーナス：サイトのスピードとパフォーマンスを上げる

遅延読み込みを無効化すると、サイトのスピードやパフォーマンスに悪影響を及ぼす可能性があります。

その場合、サイトのパフォーマンスを向上させ、ページのロード時間を短縮する他のヒントを試すことができます。例えば、画像を圧縮したり、ファイル形式をJPEGやPNGにしたり、altテキストを追加したりすることで、サイトの画像を最適化することができます。

さらに、WordPressは常に最新バージョンを使用し、トップページに抜粋を使用し、コメントをページに分割し、SEOに最適化されたテーマをサイトに使用する必要があります。

それ以外にも、WP Rocketや WP Super Cacheのようなキャッシュプラグインを使用することで、サイトスピードをさらに向上させることができる。

詳しくは、WordPressのスピードとパフォーマンスを向上させるための初心者向けガイドをご覧ください。

この投稿が、WordPressで遅延ロードを適切に無効化する方法を学ぶのにお役に立てば幸いです。WordPressの画像を最適化してページの読み込み時間を改善する方法についての初心者向けガイド、またはWordPressの画像圧縮プラグインのベストセレクションもご覧ください。

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.