Discussion on "Load Javascript Asynchronously 🚀"

Vinit Raut · 2020-09-23T18:18:59.518Z

Introduction A script tag is used to load JavaScript inside a web browser. async and defer are the boolean attributes used along with the script tag to load the scripts faster into the web page. In this article, we will cover the following scenarios ...

Ah. I love this article.

Thanks for sharing Vinit Raut.

learned something new today! thnx! But: can you explain for newbies like me the why in "specifying the script tag at the end of the body tag but that's not very efficient"

Thank you for sharing your feedback! By specifying the script at the end of the body tag, the script will be loaded and executed at the end. You can optimize the fetching of scripts while HTML is parsing by specifying async and defer and also control when they should run.

Very nice article! Clear and concise. I'd like to ask if both properties async and defer could be used on the same script tag

I am glad you liked the article! You can use both simultaneously but is not recommended. async has a higher priority than defer. Depending upon the use case and dependencies of the scripts, you can use async and defer accordingly.

Nice article! Good understanding between async and defer.

Hey, Chris Bongers. Thank you for sharing your feedback! :)

Good one Vinit Raut!

Thank you Tapas Adhikary. Really appreciated your feedback before I published this article. :)

Nice article. Learnt something new today about script tags. It feels good to read such short but information packed articles. Keep it up.

Nicely explained, Vinit Raut. Thank you.

Search Hashnode

Load Javascript Asynchronously 🚀

Responses(7)