WordPressでリンクのプリロードを高速化する方法

サイトのスピード。私たちWPBeginnerは、何年もの間、このことにこだわってきました！WordPressサイトの読み込みを速くするために、あらゆることを試してきました。そして、通常のトリックをすべて最適化した後、最近、リンクのプリロードという少し変わったことを試してみました。

さて、リンクのプリロードというと少し専門的に聞こえるかもしれないが、実はかなりクールだ。誰かがクリックする前にリンクを読み込むブラウザー・トリックだ。次のページが実質的に準備できているとき、あなたのサイトがどれほどスムーズで速く感じられるか想像してみてください！

私たちを驚かせたのは、リンクプリロードがこれほどうまく機能しているにもかかわらず、あまり多くの人が話題にしない非表示の宝石だということだ。

それこそが、私たちがこの投稿を書こうと思った理由です。私たちは、このテクニックを皆さんと共有し、どのようにしてあなたのサイトの速度を顕著に向上させることができるかをお見せできることに興奮しています。

WordPressのリンクプリロードとは？

リンクプリローディングとは、ユーザーがリンクをクリックする前に、ウェブブラウザがバックグラウンドでリンクを読み込むことで、ユーザーがページを訪れたときにページの読み込みを速くすることです。

レストランに着く前に厨房が食事を作り始めるようなものだ！

技術的なキーワードでは、リンクプリローディングとは、訪問者が実際にリンクをクリックする前に、ウェブブラウザがリンク先のページをバックグラウンドでスマートに読み込むことです。そのため、クリックするとページが即座に読み込まれるように見えます。これはすべて、あなたのサイトが非常にキビキビとレスポンシブに感じられるようにするためです。

さて、なぜこのような面倒なことをするのでしょうか？私たちの経験では、速いサイトは幸せなサイトです。まず、Googleや他の検索エンジンは速いサイトが大好きです。それはSEOにとって大きなことです。より速いサイトは、あなたのブログにより多くのトラフィックをもたらす可能性があります。

その上、さらに重要なことかもしれないが、訪問者を幸せにする。ページを読み込むのに待たされるのが好きな人はいませんよね？スムーズで素早いサイトは、使っていて気持ちがいいものです。

WP Rocketのようなパフォーマンス・プラグインを使ったり、CDNを使ったりと、WordPressのスピードとパフォーマンスを速くするためにできることはたくさんある。しかし、リンクプリロードはそのシンプルさで際立っている。

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

ということで、WordPressでリンクをプリロードする正しい方法を順を追って紹介しよう。

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

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

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

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

有効化した後、WordPress管理画面の設定 ” フライングページに移動し、プラグイン設定を行う必要があります。

次に、ドロップダウンで「プリロード開始までの遅延時間」を設定する必要があります。これは、ユーザーのマウスがブラウザーウィンドウ内で動いていない場合に、リンクのプリロードを開始するまでの遅延時間です。

これは変更可能だが、ここでは初期設定の推奨値「0秒」のままとする。

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

ほとんどのWordPressホスティングサービス環境で動作するように、初期設定は「3リクエスト」のままにしておきます。

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

この技術により、ユーザーがマウスをリンクの上に置いてからクリックするまでに400ミリ秒の遅延があるため、知覚されるロード時間はほぼ瞬時になる。

マウスオーバーディレイ」も設定できます。これは、ユーザーがリンクにマウスオーバーしてからプリロードが始まるまでの時間です。

その下に、プラグインがプリロードのために無視するキーワードのリストがある。

これらは標準的なログインページと画像ファイルです。お好みでキーワードを追加することもできます。

オンラインストアを運営しているのであれば、/cartやその他のダイナミックページをこのリストに追加して、プリロードされないようにするとよいでしょう。

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

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

全体的に、これはあなたのウェブサイトのサーバー負荷を軽減するのに役立ちます。ログイン中の管理者でないサイト訪問者のみにプリロードを行いたい場合は、このボックスにチェックを入れるだけです。

完了したら、ページ下部の「変更を保存」ボタンをクリックします。

これで完了です！あなたのサイトでリンクプリロードが有効化されました。

WordPressを高速化するためのヒント

この投稿が、WordPressでリンクのプリロードを高速化する方法のお役に立てば幸いです。WordPress サイトの高速化に関する他のチュートリアルもご覧ください：

• 最速のWordPressホスティングサービス（パフォーマンステスト付き）
• サイトを高速化するWordPressのベストキャッシュプラグイン
• WordPressでCSS / JavaScriptファイルを最小化する方法
• WordPressのコアウェブバイタルを最適化する方法（究極のガイド）
• WordPressで画像を簡単に遅延ロードする方法
• eコマースサイトを高速化する方法

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.