rel="prefetch" のテストページ

1. このページの目的

rel="prefetch" の動作を検証する。

2. rel="prefetch" とは?

3. 検証

本ページでの記述

<link rel="prefetch" href="prefetched.php">

この記述により、本ページにアクセスすると prefetched.php も取得される。

この際、Priority は Lowest になる。

次に以下のリンクをクリックして、prefetch されたページにアクセスする。

prefetched.php

すると、すでに取得済みである prefetched.php の Size 列には、(prefetch cache) と表示される(Chrome 77 の場合)。

ちなみに、prefetched.php から読み込まれている prefetched.css は、このとき初めて取得される。

4. 参考