html.pngHTML

<!DOCTYPE html>
<html>
    <head>
        <link href="style.css" rel="stylesheet">
    </head>
    <body>
        <img src="html.png">
        <img src="watch.png">
        <script src="jquery.js" async defer></script>
        <script src="script.js" async defer></script>
    </body>
</html>

Characteristics of this page

This is the Put Scripts at the Bottom pattern with async attributes. This example shows that if some of the scripts can have async attributes, the timing of execution will be earlier than those of 4.bottom.

watch.pngObject Event Timeline