非同期と遅延: スクリプト タグの属性はページ読み込みパフォーマンスにどのような影響を与えますか?

スクリプト タグの属性: async と defer

<script> の async および defer 属性について問い合わせました。 HTML5 ブラウザのタグ。 </script>

パフォーマンスへの影響

• async:

  • スクリプトがロードされるとすぐに実行します。実行順序は保証されません。
  • スクリプトをダウンロードします並行して実行すると、ページの読み込み速度が向上する可能性があります。

• defer:

  • スクリプトの実行順序を表示どおりに保証します。
  • HTML が解析された後にスクリプトをロードするため、ページがわずかに遅延しますレンダリング。

最適な使用法

サイトの読み込み速度を向上させるには:

• 非同期でスクリプトを配置するページの下部にあるとページの読み込みを改善できます
• async または defer を含むスクリプトをページの上部に配置すると、レンダリングの遅延も軽減されます。
• これらの属性は HTML4 ブラウザに大きな影響を与えない可能性があることに注意してください。

• のスクリプトを延期しています。
• ただし、正しい順序で実行されることが保証されます。
• HTML4 ブラウザでは依然として遅延が発生する可能性があります。

• 非同期が有効になっているスクリプトは同時にダウンロードされます。
• 実行順序は保証されていないため、依存関係が存在する場合に問題が発生する可能性があります。

順序に関する考慮事項

• 相互に依存するスクリプトは、次のような場合でも正しい順序を維持する必要があります。 async.
• 実行順序が重要な場合は、defer の使用を検討してください。

推奨事項

HTML5 がより普及するにつれて、async と defer の実験を開始することをお勧めします。属性。ただし、最適な互換性と信頼性を確保するには、それまでは現状のままにしておくことが賢明です。

以上が非同期と遅延: スクリプト タグの属性はページ読み込みパフォーマンスにどのような影響を与えますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。