Loading our scripts in the html file has most of the time been a recommendation to put the `<script>` at the bottom of the `<body>` tag. Since parsing the script is a blocking operation and we would block the whole HTML parsing if we would put the script tag in the `<head>` tag for example. But today we have two new attributes that we can add to our `<script>` tag, I am talking about _async_ and _defer_. In this blog post I will go through how they work and which one we should choose for a given scenario.