画像の最適化からキャッシュ・プラグインの使用など、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/のようなアフィリエイト接頭辞をこの無視キーワードリストに追加することが重要です。そうしないと、アフィリエイトリンクのトラッキングを壊してしまう可能性があります。
最後のオプションは、管理者のプリロードを無効化することです。
全体的に、これはあなたのウェブサイトのサーバー負荷を軽減するのに役立ちます。ログイン中の管理者でないサイト訪問者のみにプリロードを行いたい場合は、このボックスにチェックを入れるだけです。
完了したら、ページ下部の「変更を保存」ボタンをクリックします。
これで完了です!あなたのサイトでリンクプリロードが有効化されました。
注:PageSpeed Insightsのようなツールでサイトスピードテストを実行していて、スコアが改善されない場合は、完全に正常です。プリロードリンクは、リンクのクリック速度を向上させるだけで、それはあなたのサイトをロードする最初の時間をスピードアップすることはありません.
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.
Syed Balkhi
Hey WPBeginner readers,
Did you know you can win exciting prizes by commenting on WPBeginner?
Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
You can get more details about the contest from here.
Start sharing your thoughts below to stand a chance to win!
Jiří Vaněk
I use the ‘preload links’ feature in the WP Rocket cache plugin, and I have to say it’s a great function that truly speeds up website loading. I can highly recommend it. So, specifically for speeding up a website, WP Rocket is probably the best option, as it natively includes this feature and significantly helps in accelerating the site. Among cache plugins, it’s the top choice.
WPBeginner Support
Thank you for sharing what you use for your site
管理者
Cassie
Thank you for sharing. I never knew this was a thing. It seems pretty straight forward and easy to implement. I am going to hang on to this information so I can give it a try. I love learning new things!
Thanks again!
Cassie
WPBeginner Support
You’re welcome, glad our article was helpful!
管理者
Mohamed
Does this affect the affiliate links on my website pages?
WPBeginner Support
It would if you do not exclude those from the plugin which is why we recommend excluding them in this article
管理者
Hosseoin
Hello
Isn’t this the same instant click option in some cache plugins?
WPBeginner Support
Yes, at the moment it is a similar tool to that depending on your choice of cache plugin.
管理者