WordPressで遅延読み込みを適切に無効にする方法（ステップバイステップ）

デフォルトでは、WordPress は遅延読み込みを使用してメディアのダウンロードを遅延させ、読み込み時間を改善します。

WPBeginner では、一部のサイトでこの機能を使用して高速化を図っています。これは、画像が必要になるまで遅延させることで、ページの読み込みを速くするのに役立ちます。

ただし、特定の要素を最適化するため、問題をトラブルシューティングするため、プラグインの互換性を確保するため、またはユーザーエクスペリエンスの低下を防ぐためなど、遅延読み込みを無効にする理由はたくさんあります。

この記事では、WordPress で遅延読み込みを簡単に無効にする方法を説明します。

遅延読み込みとは何ですか？

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

このプラクティスは、表示領域のコンテンツを最初に素早く読み込むことで、サイトのパフォーマンスとページ速度の向上に役立ちます。

より高速なウェブサイトは、ユーザーにとって良いだけでなく、検索エンジンが速度を重要なランキング要因と見なすため、ウェブサイトのランキングを向上させることもできます。

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

遅延読み込み機能が実際に動作していることを確認するには、画像の上で右クリックし、ブラウザで「検証」ツールを選択してください。

これによりブラウザ画面が分割され、HTMLソースコードが表示されます。ここで、「loading=lazy」属性が画像に追加されているのがわかります。

通常、遅延読み込みの全体的なメリットを考慮すると、無効にすることは推奨しません。WordPress ウェブサイトの速度低下、コンバージョン率の低下、SEO ランキングの低下につながる可能性があります。

ただし、遅延読み込みは一部のウェブサイトでユーザーエクスペリエンスを損なう可能性があります。

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

その他の場合では、別の遅延読み込みソリューションを使用しており、単に WordPress のデフォルトの遅延読み込みをオフにしたい場合があります。

それを踏まえた上で、WordPressで遅延読み込みを簡単に無効にする方法を見ていきましょう。

このチュートリアルでは、コードによる方法とプラグインによる方法を紹介します。どちらかのオプションにジャンプするには、以下のリンクを使用できます。

• 方法 1: WPCode を使用して WordPress の遅延読み込みを無効にする (推奨)
• 方法 2: プラグインを使用して WordPress の遅延読み込みを無効にする
• 動画チュートリアル
• ボーナス: サイトの速度とパフォーマンスを向上させる

方法 1: WPCode を使用して WordPress の遅延読み込みを無効にする (推奨)

WordPress の遅延読み込み機能を無効にするには、テーマの functions.php ファイルにカスタムコードを追加します。

ただし、コードを追加する際にわずかなエラーが発生すると、ウェブサイトが破損してアクセスできなくなる可能性があることに注意してください。

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

これは市場で最高の WordPress カスタムコードスニペットプラグインです。さらに、ウェブサイトへのコードの追加を非常に簡単かつ安全に行えます。

デモウェブサイトで徹底的にテストし、優れた結果を確認しました。詳細については、WPCode の完全なレビューをご覧ください。

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

有効化したら、WordPressダッシュボードから コードスニペット » + スニペットを追加 ページにアクセスしてください。

ここから、「カスタムコードを追加 (新規スニペット)」オプションの下にある「スニペットを使用」ボタンをクリックします。

これにより、「カスタムスニペットの作成」ページに移動します。ここで、コードスニペットの名前を入力することから始めることができます。

これは、コードスニペットを識別し、その機能を知るのに役立つものであれば何でも構いません。私たちは「遅延読み込みを無効にする」と名付けました。

カスタムスニペットに名前を付けたら、画面右側の「コードタイプ」ドロップダウンメニューから「PHP スニペット」を選択します。

次に、次のPHPコードを「コードプレビュー」ボックスにコピーして貼り付けます。

add_filter( 'wp_lazy_loading_enabled', '__return_false' );

コードを貼り付けた後のコードは次のようになります。

その後、「挿入」セクションまでスクロールします。ここでは、「自動挿入」モードを選択するだけです。

これにより、スニペットをアクティブ化すると、カスタムコードがWordPressサイトのどこでも自動的に実行されるようになります。

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

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

これで、WordPressサイトで遅延読み込みが無効になります。

これをテストするには、画像の上で右クリックし、ブラウザメニューから「検証」を選択します。

画像のHTMLコードでは、「loading=lazy」属性が消えているはずです。

方法 2: プラグインを使用して WordPress の遅延読み込みを無効にする

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

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

このプラグインはすぐに機能し、設定は不要です。有効にすると、ウェブサイトの遅延読み込み機能が自動的に無効になります。

動画チュートリアル

文章での説明がお好みでない場合は、ビデオチュートリアルをご覧ください。

ボーナス：サイトの速度とパフォーマンスを向上させる

遅延読み込みを無効にすると、ウェブサイトの速度とパフォーマンスに悪影響を与える可能性があります。

その場合、サイトのパフォーマンスを向上させ、ページの読み込み時間を短縮するための他のヒントを試すことができます。たとえば、サイトの画像を圧縮して最適化したり、JPEGまたはPNGをファイル形式として使用したりすることができます。

さらに、常に最新バージョンのWordPressを実行し、ホームページで抜粋を使用し、コメントをページ分割し、ウェブサイトでSEO最適化されたテーマを使用する必要があります。

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

その他のヒントについては、WordPressの速度とパフォーマンスを向上させる方法に関する初心者向けガイドをご覧ください。

この記事がWordPressで遅延読み込みを適切に無効にする方法を学ぶのに役立ったことを願っています。また、ページの読み込み時間を短縮するためにWordPress画像を最適化する方法に関する初心者向けガイドをご覧になるか、最高のWordPress画像圧縮プラグインの選択肢をご覧ください。

この記事が気に入ったら、WordPressのビデオチュートリアルについては、YouTubeチャンネルを購読してください。 TwitterやFacebookでもフォローできます。