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

画像の最適化からキャッシュ・プラグインの使用など、WordPressサイトを高速化するために、私たちは長年にわたって様々な方法を試してきました。しかし、あまり知られていないヒントのひとつに、リンクのプリロードがあります。

リンクプリロードは、あなたのサイトをより速く感じさせることができるブラウザー機能です。訪問者がリンクをクリックする前にバックグラウンドでリンクを読み込み、よりスムーズなブラウジング体験を実現します。

WordPressの高速化について語るとき、リンクのプリロードについて語る人はあまりいません。だからこそ、この投稿ではこの便利なテクニックを紹介したい。

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

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

WordPressサイトを高速化すると、WordPressの検索エンジン最適化（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コマースサイトを高速化する方法

この投稿が、WordPressでリンクをプリロードして読み込み速度を向上させる方法のお役に立てば幸いです。また、WordPress の過剰な DOM サイズを修正する方法についてのチュートリアルや、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.