リソースヒント: modulepreload

- LS

<link rel="modulepreload"> を使用することで、ブラウザはモジュールスクリプトを実行せずにプリフェッチするように通知され、モジュールリソースがいつ、どのようにロードされるかをきめ細かく制御できます。

Chrome

  1. 4 - 65:サポートされていません
  2. 66 - 123:サポートされています
  3. 124:サポートされています
  4. 125 - 127:サポートされています

Edge

  1. 12 - 18:サポートされていません
  2. 79 - 123:サポートされています
  3. 124:サポートされています

Safari

  1. 3.1 - 16.6:サポートされていません
  2. 17.0 - 17.3:サポートされています
  3. 17.4:サポートされています
  4. 17.5 - TP:サポートされています

Firefox

  1. 2 - 114:サポートされていません
  2. 115 - 124:サポートされています
  3. 125:サポートされています
  4. 126 - 128:サポートされています

Opera

  1. 9 - 52:サポートされていません
  2. 53 - 108:サポートされています
  3. 109:サポートされています

IE

  1. 5.5 - 10:サポートされていません
  2. 11:サポートされていません

Chrome for Android

  1. 124:サポートされています

Safari on iOS

  1. 3.2 - 16.7:サポートされていません
  2. 17.0 - 17.3:サポートされています
  3. 17.4:サポートされています
  4. 17.5:サポートされています

Samsung Internet

  1. 4 - 8.2:サポートされていません
  2. 9.2 - 23:サポートされています
  3. 24:サポートされています

Opera Mini

  1. すべて:サポートされていません

Opera Mobile

  1. 10 - 12.1:サポートされていません
  2. 80:サポートされています

UC Browser for Android

  1. 15.5:サポートされています

Android Browser

  1. 2.1 - 4.4.4:サポートされていません
  2. 124:サポートされています

Firefox for Android

  1. 125:サポートされています

QQ Browser

  1. 14.9:サポートされています

Baidu Browser

  1. 13.52:サポートされています

KaiOS Browser

  1. 2.5:サポートされていません
  2. 3:サポートされていません

他のいくつかの link rel とは異なり、このようなリンクの関連属性(as、crossorigin、referrerpolicyなど)を変更しても、新しいフェッチはトリガーされません。これは、ドキュメントのモジュールマップが以前のフェッチによってすでに設定されているため、再フェッチしても意味がないためです。

リソース
WebKit 実装バグ
Gecko 実装バグ
モジュールのプリロード
最新のスクリプト読み込み