メインコンテンツへ
短.be

リンクプリフェッチ

ユーザーがクリックする前にリンク先のリソースをバックグラウンドで事前取得するブラウザー機能。ページ遷移の待ち時間を減らせる場合がある。

2026 年 10 月 31 日 / 約 1 分で読めます

リダイレクト

リンクプリフェッチとは、ユーザーがリンクをクリックする前にブラウザーがリソースを事前取得し、ページ遷移の待ち時間を減らせる場合がある技術である。HTML の <link rel="prefetch"> タグは、将来の遷移で必要になりそうなリソースをブラウザーに伝えるヒントである。Speculation Rules API を使うと、条件を指定してプリフェッチやプリレンダリングを制御できる。MDN (2026 年 9 月時点) では、この API は実験的な機能に分類されている。

対応するブラウザーは低優先度のリクエストを発行し、レスポンスをディスクの HTTP キャッシュに保存する。ユーザーが実際にリンクをクリックした時点でキャッシュからリソースを読み込むため、ネットワークの待ち時間を減らせる。Speculation Rules API では JSON 形式でルールを定義し、URL パターンやユーザーの行動 (ホバー、ポインター移動) をトリガーに事前取得を開始できる。

短縮 URL はリダイレクトを経由するため、1 往復分のレイテンシが加わる。リダイレクト先 URL をプリフェッチしておく方法があるが、MDN (2026 年 4 月時点) によると、多くのブラウザーはキャッシュの分離を実装しているため、別のサイトへ遷移する時の本体の文書には <link rel="prefetch"> が役に立たない。リダイレクト先が別のサイトの場合は、この制約を受ける。リンク一覧ページやメールマガジンのプレビュー画面で、ホバー時に事前取得を始める実装も考えられる。

ただし注意点もある。プリフェッチはユーザーが実際に訪問しないページのリソースも取得するため、モバイル回線ではデータ消費が増加する。またプリフェッチリクエスト自体がアクセスログに記録されるため、クリック数の正確な計測が困難になる場合がある。プライバシーの観点では、ユーザーが意図しないサイトへのリクエストが発生する点に配慮が必要だ。Data Saver モードの検出や、ユーザー設定による制御を組み合わせて実装することが望ましい。

この記事は役に立ちましたか?

関連用語

DNS プリフェッチ

ブラウザーがリンク先のドメイン名を事前に名前解決しておく最適化技術。リンククリック時の表示速度を短縮する。

プリレンダリング

ユーザーがリンクをクリックする前にページ全体を事前にレンダリングしておく最適化技術。クリック後の表示を瞬時にする。

遅延読み込み

ページの表示に必要なリソースを、実際に必要になるタイミングまで読み込みを遅延させる最適化技術。初期表示速度を大幅に改善する。

ページスピード

Web ページの読み込み速度。 Core Web Vitals の重要な構成要素であり、SEO ランキングとユーザー体験に直接影響する。

TTFB

ブラウザーがリクエストを送ってから最初の 1 バイトを受信するまでの時間。目安は 800 ミリ秒以下で、CDN 配置 / キャッシュ活用 / リダイレクト削減などで短縮できる。

イベントトラッキング

ボタンクリック、動画再生、ファイルダウンロードなど、ページ遷移を伴わないユーザー操作を計測する手法。

関連記事

リダイレクトチェーンが Web パフォーマンスに与える影響 - 短縮 URL の速度最適化

短縮 URL のリダイレクトチェーンが Core Web Vitals やページ表示速度に与える影響を定量的に解説。リダイレクト段数の最適化、HTTP/2 サーバープッシュ、エッジリダイレクトの実装手法を紹介します。

リンクをクリックしたら何が起きる? 0.5 秒の裏側をのぞいてみよう

リンクをクリックしてからページが表示されるまでに裏側で何が起きているのか、冒険ストーリー風にやさしく解説します。DNS は電話帳、リクエストは手紙、レスポンスは返事にたとえて紹介。短縮 URL のリダイレクトの仕組みもわかりやすく説明します。

URL 短縮の仕組み - 301 リダイレクトと Base62 エンコードを図解で解説

URL 短縮サービスの技術的な仕組みを図解で解説。301 リダイレクト、Base62 エンコード、データベース設計の基本を初心者にもわかりやすく紹介します。

知識を、実際のリンクで。

無料で URL を短縮する