html.pngHTML

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

Characteristics of this page

This page is configured to place style sheet and scripts in the <head>, in the most traditional way. Both Parsing page and rendering page are blocked by loading and executing the scripts. Therefore, FOUC is less likely happned under this scenario regardless of the browser. For this reason, this configuration is suitable for the type of page where the main content is decorated by the scripts.

watch.pngObject Event Timeline