ヘルプとドキュメント
速度 小さな影響 中程度 30~60分
インラインスクリプト
多くの <script> が HTML ブロック内に直接存在するため、キャッシュできません。
それは何ですか
インライン スクリプトは、HTML の <script>…</script> に直接記述されたコードです (外部ファイルではありません)。これらは発生時点でレンダリングをブロックし、キャッシュしたり、遅延/非同期によって遅延したりすることはできません。
なぜそれに対処するのでしょうか?
大きなインライン スクリプトは HTML を膨張させ、レンダリングをブロックします。また、セキュリティ ポリシー (CSP) も複雑になります。
やり方
- 1コードを外部 .js ファイルに移動し、defer を使用してロードします。
- 2重要な初期化は最小限に抑えます。
- 3CSP を検討してください。インライン スクリプトによって複雑になります。
結論
通常、遅延のある外部ファイルはインライン スクリプトよりも優れています (キャッシュ可能性 + 非ブロッキング)。大きなインライン ブロックを外側に移動します。小さな初期化は問題ありません。これは、JS を延期する全体的な戦略に関連しています。
関連トピック