WordPressでリンクをプリロードして読み込み速度を向上させる方法

WPBeginnerでは、ウェブサイトの速度向上に長年取り組んできました。主要な最適化手法をすべて試した後、即効性のあるテクニックであるリンクプリロードを使用し始めました。

ページの読み込みのわずかな遅延にさえイライラしているなら、それがユーザーエクスペリエンスにどれほど影響するかを知っているはずです。リンクプリロードは、訪問者がリンクをクリックする前に次のページを準備しておく、巧妙なブラウザ機能です。

その結果、信じられないほど軽快で、ほぼ瞬時に読み込まれるウェブサイトが完成します。これは、訪問者が喜ぶ、サイトのパフォーマンスを顕著に向上させる驚くほど簡単な方法です。

このガイドでは、正しく設定する方法を順を追って説明します。始めましょう。

WordPressにおけるリンクプリロードとは？

リンクプリロードとは、ユーザーがクリックする前にウェブブラウザがリンクをバックグラウンドで読み込むことで、ユーザーがアクセスした際のページの読み込みを高速化することです。

レストランに着く前にキッチンが食事を作り始めるようなものです！

技術的な用語では、リンクプリローディングとは、訪問者のウェブブラウザが、リンクをクリックする*前に*、リンクされたページをバックグラウンドで賢く読み込むことです。そのため、クリックしたときには、ページが瞬時に読み込まれるように見えます。すべては、あなたのウェブサイトを非常に機敏で応答性の高いものにすることです。

では、なぜこれらすべてを行う必要があるのでしょうか？私たちの経験では、ウェブサイトが高速であるほど、ユーザーは満足します。まず、Googleなどの検索エンジンは高速なウェブサイトを高く評価します。これはSEOにとって非常に重要です。サイトが高速であれば、ブログへのトラフィックが増える可能性があります。

さらに、そしておそらくさらに重要なこととして、訪問者をより幸せにします。誰もページの読み込みを待つのは好きではありませんよね？スムーズで高速なウェブサイトは、使用感が良いものです。

WordPressのスピードとパフォーマンス を向上させるために、多くのことができます。これには、パフォーマンスプラグインやCDNの使用が含まれます。

例えば、WP Rocketのような強力なキャッシュプラグインは大きな違いを生むことができます。しかし、リンクプリローディングは、そのシンプルさで際立つユニークなテクニックです。

ただし、内部リンクのプリロードを過度にアグレッシブに行うと、サーバーがクラッシュする可能性があるため、プリロードを正しく設定することが不可欠です。

とはいえ、WordPressでリンクを正しくプリロードする方法をステップバイステップでご紹介します。 

WordPressリンクをプリロードしてサイトを高速化する方法

リンクをプリロードする最も簡単な方法は、Flying Pages プラグインを使用することです。これは、サイトがクラッシュしたり、遅くなったりしないようにインテリジェントなプリロードを追加するだけです。

そのような問題が検出された場合、プラグインはすべてのプリロードを停止します。 

まず最初に行うべきことは、プラグインのインストールと有効化です。詳細については、WordPressプラグインのインストール方法に関するガイドをご覧ください。

有効化したら、WordPress管理画面の設定 » Flying Pagesに移動してプラグインの設定を構成する必要があります。

次に、ドロップダウンで「プリロード開始遅延」時間を設定する必要があります。この設定は、プラグインがリンクのプリフェッチを開始するまでの待機時間を決定します。

ブラウザがアイドル状態になる（現在のページを読み込むのに忙しくない状態）のを少し待ってから、何も遅延させないようにします。ほとんどのサイトでは、ブラウザが空き次第プリフェッチを開始するデフォルトの「0秒」設定で完全に機能します。

次に、「1秒あたりの最大リクエスト数」を変更できます。この数値を低く設定するほど、サーバーへの影響は少なくなります。 

ほとんどのWordPressホスティング環境で機能するはずのデフォルト設定「3リクエスト」を維持します。

その後、「マウスホバー時のみプリロード」のチェックボックスをオンにできます。これにより、ユーザーがリンクにマウスホバーした場合にのみリンクがプリロードされ、クリックする直前にページがプリロードされます。

これにより、次のページが瞬時に読み込まれるように見えます。平均して、ユーザーがリンクの上にマウスカーソルを合わせた瞬間から実際にクリックするまでの間には、約400ミリ秒（ms）の遅延があります。この短い時間枠で、ブラウザは次のページの取得を先行させることができます。

「マウスホバー遅延」を設定することもできます。これは、ユーザーがリンクにカーソルを合わせた後、プリロードが開始されるまでの時間です。 

その下には、プラグインがプリローディングを無視するキーワードのリストがあります。

これらは標準的なログインページと画像ファイルです。リストはこのままでも、さらにキーワードを追加しても構いません。

オンラインストアを運営している場合は、/cartなどの動的なページをこのリストに追加して、プリロードされないようにしたい場合があります。

同様に、アフィリエイトマーケティングプラグインをThirstyAffiliatesやPrettyLinksのように使用している場合は、アフィリエイトプレフィックス（例: /refer/ や /go/）をこの除外キーワードリストに追加することが重要です。そうしないと、アフィリエイトリンクのトラッキングが壊れる可能性があります。

最後のオプションは、管理者のプリロードを無効にすることです。

全体として、これによりウェブサイトのサーバー負荷を軽減できます。ログインしていない管理者であるウェブサイト訪問者のみにプリロードしたい場合は、チェックボックスをオンにするだけです。

完了したら、ページ下部にある「変更を保存」ボタンをクリックしてください。

これで完了です！ウェブサイトでリンクのプリロードが正常に有効になりました。

リンクプリロードに関するよくある質問

WordPress でリンクをプリロードする方法と、それがウェブサイトのパフォーマンスにどのように影響するかについて、よく寄せられる質問をいくつかご紹介します。

1. リンクプリローディングの主な利点は何ですか？

主な利点は、ユーザーエクスペリエンスが大幅に向上することです。訪問者がリンクにカーソルを合わせると、ページがバックグラウンドで読み込みを開始します。これにより、クリックしたときに次のページがほぼ瞬時に読み込まれるようになり、ウェブサイトがより高速で応答性が高いように感じられます。

2. リンクのプリロードはGoogle PageSpeedスコアを改善しますか？

いいえ、これは重要な点です。リンクプリロードは、サイトをナビゲートしている実際のユーザーの知覚パフォーマンスを向上させます。PageSpeed Insightsのようなツールが測定する単一ページの初期ロード時間には影響しません。

3. リンクプリローディングはサーバーをクラッシュさせますか？

不注意に行うと、アグレッシブなプリフェッチは、特に共有ホスティングでサーバーのワークロードを増加させる可能性があります。これは、プリロードごとにサーバーへのミニ訪問のようなものになるため、一度に多すぎるとサーバーが過負荷になる可能性があります。

ただし、推奨されている Flying Pages プラグインはこれを防ぐように設計されています。ブラウザがアイドル状態になるのをインテリジェントに待ち、サーバーがビジーでない場合にのみプリフェッチを行うため、クラッシュや遅延を防ぎます。

4. プリロードから除外すべきページはありますか？

はい、動的なページは常に除外する必要があります。これには、eコマースサイトのカート、チェックアウト、アカウントページが含まれます。また、クリックトラッキングが正しく機能するように、アフィリエイトリンク（「/refer/」または「/go/」で始まるものなど）を除外することも重要です。

WordPressを高速化するための専門家向けヒントをもっと入手

この記事が、WordPressでリンクをプリロードして読み込み速度を速くする方法を学ぶのに役立ったことを願っています。また、WordPressウェブサイト をより速くするための他のチュートリアルも参照することをお勧めします。

• 最速のWordPressホスティング（パフォーマンステスト付き）
• ウェブサイトを高速化する最高のWordPressキャッシュプラグイン
• WordPressでCSS/JavaScriptファイルを最小化する方法
• WordPressでCore Web Vitalsを最適化する方法（究極のガイド）
• WordPressで画像を簡単に遅延読み込みする方法
• ECサイトの速度を向上させる方法

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