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" defer></script>
        <script src="script.js" defer></script>
    </body>
</html>

Characteristics of this page

This is the Put Scripts at the Bottom pattern with defer attributes. This has almost the same features as described in the pattern 4.bottom or the pattern of script.js with async and defer except the timing of DOMContentLoaded because the script itself doesn’t block parsing.

watch.pngObject Event Timeline