接続に失敗しました。もう一度試してください。

コンテンツにスキップ
SEO Tools
ヘルプとドキュメント
速度 小さな影響 中程度 30～60分

インラインスクリプト

多くの <script> が HTML ブロック内に直接存在するため、キャッシュできません。

それは何ですか

インライン スクリプトは、HTML の <script>…</script> に直接記述されたコードです (外部ファイルではありません)。これらは発生時点でレンダリングをブロックし、キャッシュしたり、遅延/非同期によって遅延したりすることはできません。

なぜそれに対処するのでしょうか？

大きなインライン スクリプトは HTML を膨張させ、レンダリングをブロックします。また、セキュリティ ポリシー (CSP) も複雑になります。

やり方

  1. 1コードを外部 .js ファイルに移動し、defer を使用してロードします。
  2. 2重要な初期化は最小限に抑えます。
  3. 3CSP を検討してください。インライン スクリプトによって複雑になります。

結論

通常、遅延のある外部ファイルはインライン スクリプトよりも優れています (キャッシュ可能性 + 非ブロッキング)。大きなインライン ブロックを外側に移動します。小さな初期化は問題ありません。これは、JS を延期する全体的な戦略に関連しています。

関連トピック