Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPBカップ
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

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

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

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

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

How to preload links in WordPress for faster loading speeds (easy)

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

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

WordPressサイトを高速化すると、WordPressの検索エンジン最適化(SEO)が向上し、ブログのトラフィックを増やすことができます。さらに、サイトのユーザーエクスペリエンスも向上します。

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

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

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

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

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

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

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

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

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

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

Flying Links settings set the preloader delay

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

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

Set max requests per second

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

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

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

Set preload time and hover delay

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

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

Set keywords to ignore for preloading

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

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

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

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

Disable preloading for admins and save

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

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

注:PageSpeed Insightsのようなツールでサイトスピードテストを実行していて、スコアが改善されない場合は、完全に正常です。プリロードリンクは、リンクのクリック速度を向上させるだけで、それはあなたのサイトをロードする最初の時間をスピードアップすることはありません.

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

WordPressサイトをもっと速くしたいですか?WordPressチュートリアルをご覧ください:

この投稿が、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.

情報開示 私たちのコンテンツは読者支援型です。これは、あなたが私たちのリンクの一部をクリックした場合、私たちはコミッションを得ることができることを意味します。 WPBeginnerの資金源 をご覧ください。3$編集プロセスをご覧ください。

アバター

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

究極のWordPressツールキット

ツールキットへの無料アクセス - すべてのプロフェッショナルが持つべきWordPress関連製品とリソースのコレクション!

Reader Interactions

9件のコメント返信を残す

  1. 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!

  2. 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 :)

      管理者

  3. 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!

      管理者

  4. 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 :)

      管理者

  5. 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.

      管理者

返信を残す

コメントありがとうございます。すべてのコメントは私たちのコメントポリシーに従ってモデレートされ、あなたのメールアドレスが公開されることはありませんのでご留意ください。名前欄にキーワードを使用しないでください。個人的で有意義な会話をしましょう。