How can asynchronous loading of JavaScript improve page performance?(2 Points)By blocking page rendering until all scripts are loadedBy slowing down the execution of JavaScript codeBy allowing other resources to load concurrently while fetching scriptsBy increasing the size of the JavaScript files

Asynchronous loading of JavaScript can improve page performance primarily in two ways:

1. It allows other resources to load concurrently while fetching scripts: Normally, when a browser comes across a script during the loading of a webpage, it stops all other activities, fetches the script, executes it, and then continues with the rest of the page. This is a synchronous behavior. But with asynchronous loading, the browser can continue to load other elements of the page while the script is being fetched. This means that the user can start interacting with the page more quickly.

2. It prevents blocking of page rendering until all scripts are loaded: In a standard synchronous loading, the browser will not start rendering the page until all scripts are loaded and executed. This can lead to a delay in page loading, especially if there are large scripts or network delays. But with asynchronous loading, the scripts are fetched in parallel to the page loading and executed as soon as they are available. This means that the rest of the page can continue to load and render, improving the perceived performance.