2

したがって、プリロードhttps://w3c.github.io/preload/は、宣言型マークアップを介してタグとして定義できます

<link rel="preload" href="/styles/other.css" as="style">

または HTTP ヘッダーとして

Link: <https://example.com/other/styles.css>; rel=preload; as=style

しかし、両者の間のトレードオフは何ですか? タグはどのような状況で使用する必要があり、その逆はどのような状況で使用する必要がありますか?

4

1 に答える 1

1

まあ、それは一種の明白なはずです。HTML にある場合は、HTML を解析する必要があります。これは、ヘッダーを解析した後に発生します。最初に HTML を解析していることをヘッダーが知る必要があるためです (たとえば、image/jpegまたはではありませんtext/plain)。

これは実際に実際にパフォーマンスの違いを引き起こしますか? ほとんどのパフォーマンスに関する質問と同様に、これを一般的に判断することはまったく不可能です。重要なポイントは、I/O を実行から分離することです。これは、両方のアプローチに当てはまります。

通常、CDN とプロキシは、さまざまなアクセスの最適化とキャッシュのためにヘッダーを利用します。これは明らかに HTML を解析するよりも安価なので、その効果に関するいくつかの推奨事項が表示される可能性があります :) たとえば、HTTP ヘッダーを取得する前に、HTTP ヘッダーに基づいてプリロードを開始するプロキシを想像できます。どの種類のリクエストの一般的なパターンは、通常、どの種類のプリロードを意味します。予測が適合する場合、これをフェッチする際のレイテンシーを非常にうまく排除できます。特に、レイテンシーの高い接続では、実行時間の長いリクエストがあります。

于 2016-12-02T12:04:58.583 に答える