From 33058f2b292b3a581333bdfb21b8f671898c5060 Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Tue, 8 Dec 2020 14:40:17 -0500 Subject: initial commit --- files/ja/glossary/prefetch/index.html | 44 +++++++++++++++++++++++++++++++++++ 1 file changed, 44 insertions(+) create mode 100644 files/ja/glossary/prefetch/index.html (limited to 'files/ja/glossary/prefetch') diff --git a/files/ja/glossary/prefetch/index.html b/files/ja/glossary/prefetch/index.html new file mode 100644 index 0000000000..e363b66091 --- /dev/null +++ b/files/ja/glossary/prefetch/index.html @@ -0,0 +1,44 @@ +--- +title: プリフェッチ +slug: Glossary/Prefetch +tags: + - Glossary + - Prefetch + - Reference + - Web Performance +translation_of: Glossary/Prefetch +--- +

プリフェッチは、コンテンツが要求される可能性が高いことを前提にして、ユーザーが要求したときにコンテンツを即座にロードできるようにします。コンテンツはユーザーが明示的にリクエストすることなくダウンロードされ、将来の使用を想定してキャッシュされます。

+ +

DNS プリフェッチ

+ +

ドメインの解決は、携帯電話のネットワークでは遅延のために時間がかかることがあります。検索エンジンの結果のように、クリックされる可能性のある外部ウェブサイトへのリンクが多数ある場合、DNS プリフェッチはドメイン名を事前に解決するため、ドメイン解決に関連するリクエスト時間を短縮し、読み込み時間が短縮されます。

+ +
<link rel="dns-prefetch" href="https://example.com/">
+ + + +

リンクのプリフェッチは、ユーザーがクリックする可能性の高いリンクを想定し、それらのリンクのコンテンツを予めダウンロードしておくことで、パフォーマンスを最適化するテクニックです。ユーザーがリンクをクリックすると、コンテンツはすでにダウンロードされているため、ページが即座にレンダリングされます。

+ +

プリフェッチヒントは HTTP ヘッダーで送信されます

+ +
Link: ; rel=dns-prefetch,
+      ; as=script; rel=preload,
+      ; rel=prerender,
+      ; as=style; rel=preload
+ +

属性値のプリフェッチ

+ +

ブラウザーは、prefetch 属性値付きの <link> タグが指示したコンテンツをプリフェッチするので、開発者はどのリソースをプリフェッチすべきかを制御することができます。

+ +
 <link rel="prefetch" href="https://www.example.com/solutions" />
+ +

関連情報

+ + -- cgit v1.2.3-54-g00ecf