Home >Web Front-end >JS Tutorial >How Can `async` and `defer` Attributes Improve Website Load Speed?

How Can `async` and `defer` Attributes Improve Website Load Speed?

Barbara Streisand
Barbara StreisandOriginal
2024-11-25 10:22:16584browse

How Can `async` and `defer` Attributes Improve Website Load Speed?

Script Tag Enhancements: async and defer

To Site Load Speed

1. Async Attribute:

  • Adding async to scripts at the bottom of the page allows them to be downloaded and executed concurrently with page loading, potentially improving page speed.
  • Placing them at the top of the page in the with async also improves load speed by initiating download early.

2. Defer Attribute:

  • Using defer inside for scripts simulates the behavior of having the scripts before the /body tag.
  • Defer ensures the scripts are executed in the order they appear on the page, but only after the HTML document has been fully parsed.

Using