web-dev-qa-db-ja.com

HTMLプリロードとプリフェッチの違いは何ですか?

プリロードとプリフェッチはどちらも事前にリソースを要求するために使用されるため、後でリソースをすばやくロードできます。 2つを交換できるようです

<link rel="preload" href="foo.js" as="script">

<link rel="prefetch" href="foo.js">

何の違いにも気付かずに。

それらの違いは何ですか?

11
golopot

rel = "preload"は、現在ドキュメント本体が解析されるためにリソースを早期にロードします、全体的な読み込み時間を節約できる可能性があります。

優先度の低いヒントとして、rel = "prefetch"はnextナビゲーションのリソースをキャッシュします現在のドキュメントが読み込まれました。

0
Chong Lip Phang