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チュートリアルをご覧ください:
- WooCommerceのパフォーマンスを高速化する方法
- 最速のWordPressホスティングサービス(パフォーマンステスト付き)
- サイトを高速化するWordPressのベストキャッシュプラグイン
- WordPressでCSS / JavaScriptファイルを最小化する方法
- WordPressで最初のバイトまでの時間(TTFB)を短縮する方法 – Expert Tips
- GoogleのINPスコアとWordPressでの改善方法について
- WordPressのコアウェブバイタルを最適化する方法(究極のガイド)
この投稿が、WordPressでリンクをプリロードして読み込み速度を速くする方法を学ぶのにお役に立てば幸いです。また、メールマガジンの作成方法やサイトに必須の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 says
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 says
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 says
Thank you for sharing what you use for your site
管理者
Cassie says
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 says
You’re welcome, glad our article was helpful!
管理者
Mohamed says
Does this affect the affiliate links on my website pages?
WPBeginner Support says
It would if you do not exclude those from the plugin which is why we recommend excluding them in this article
管理者
Hosseoin says
Hello
Isn’t this the same instant click option in some cache plugins?
WPBeginner Support says
Yes, at the moment it is a similar tool to that depending on your choice of cache plugin.
管理者