as 属性コンテンツのタイプを指定する
as 属性は、link 要素によって読み込まれるコンテンツの種類を指定します。link 要素に rel="preload" または rel="prefetch" が指定された場合にのみ使用可能です。
先読みされるコンテンツの種類をブラウザーに指示することで、以下のようなことが実現可能です。
- リソースの読み込みに関する優先順位をより正確に指定できます。
- 将来のリクエストに備えてキャッシュに格納することでリソースを再利用可能にします。
- リソースに対して正しくコンテンツセキュリティポリシーを適用できます。
- 正しい Accept リクエストヘッダーを設定できます。
as 属性の仕様
- この属性を使用できる要素
as 属性のサンプルソース
<link rel="preload" href="style.css" as="style" /> <link rel="preload" href="main.js" as="script" />