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

WPBeginnerでは、ウェブサイトの読み込み速度を向上させる新しい方法を常にテストしています。何十もの方法を試した結果、リンクプリローディングが即座にスピードアップをもたらすことがわかりました。

ページの読み込みが遅いことが、あなたと訪問者の両方にとってどれほどイライラするかは理解しています。たとえ短い遅延でも、ウェブサイトのトラフィックを損ない、売上を失う可能性があります。

リンクプリローディングは、ユーザーが実際にリンクをクリックする前に次のページを準備しておくことで、この問題を解決します。これにより、ウェブサイトは信じられないほど高速で応答性が高いように感じられます。

このガイドでは、WordPressでリンクプリローディングを簡単に設定する方法を説明します。

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

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

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

技術的には、リンクプリローディングは、訪問者のウェブブラウザに、リンクをクリックする前に、リンク先のページのコード（HTML）をバックグラウンドで静かにダウンロードするように指示します。

そのため、クリックすると、ページは即座に読み込まれるように見えます。すべては、ウェブサイトを非常に機敏で応答性の高いものにすることです。

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

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

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

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

ただし、サーバーの問題を回避するために、プリロードを正しく設定することが不可欠です。例えば、すべての内部リンクを過度に積極的にプリロードすると、サーバーがクラッシュする可能性があります。

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

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

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

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

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

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

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

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

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

ほとんどのWordPressホスティング環境で機能するはずのデフォルト設定「3リクエスト」を使用します。予算の共有ホスティングプランを利用していて、サーバーが遅くなっていることに気づいた場合は、1または2に下げることができます。強力なマネージドホスティングを使用している場合は、デフォルトで問題ありません。

その後、「マウスホバー時のみプリロードする」のチェックボックスをオンにすることができます。これにより、デスクトップコンピューターでユーザーがリンクにマウスを合わせた場合にのみリンクがプリロードされます。

モバイルユーザーの場合、プラグインは、ユーザーがリンクを軽くタッチした瞬間にプリロードを開始することでスマートにアダプトし、完全なタップが登録される前に先行させます。

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

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

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

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

オンラインストアを実行している場合は、/cart、/checkout、/my-accountなどの動的なページをこのリストに追加して、プリロードされないようにする必要があります。また、ログアウトリンクを除外するために「logout」と入力して、マウスを動かすだけでユーザーが誤ってログアウトされるのを防ぐ必要があります。

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

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

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

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

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

実際に動作する様子を見たいですか？ウェブサイトをGoogle Chromeで開き、どこかを右クリックして「検証」を選択し、開発者ツールを開きます。「ネットワーク」タブに移動し、リンクにマウスを合わせたときに何が起こるかを確認してください。クリックする前に、ページがバックグラウンドで読み込まれているのが見えるはずです！

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

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でも私たちを見つけることができます。