“fetchpriority”属性について 指定できる値 サンプルコード ＃ “fetchpriority”属性について “fetchpriority”属性は画像の読み込み時にそのリソースの取得の優先度を示します。 “fetchpriority”属性を指定することで文書の読み込み時に取得を優先すべき画像を明示的に示すことができます。重要度の高い画像ファイルを優先的に読み込ませることで多数の画像ファイルの読み込みが必要なウェブページで体感的な表示速度を向上することができます。 “fetchpriority”属性を指定しない場合の既定値は“auto”です。 ＃ 指定できる値 属性値 説明 high 同じ種類の外部リソースと比較して取得の優先度が高いことを示す low 同じ種類の外部リソースと比較して取得の優先度が低いことを示す auto 同じ種類の外部リソースと比較時の優先度を自動的に判断すべきであることを示す 値が無効な場合は“auto”とみなされます。 ＃ サンプルコード 優先度が高い画像 <img src="website-logo.png" alt="名もなきウェブサイト" fetchpriority="high"> 優先度が低い画像 <img src="decoration1.png" alt="" fetchpriority="low">
Feb. 19th, 2023
