Does requirejs speed up script loading times?

Question

JavaScript

Hello! I recently started getting familiar with require.js. AMD - asynchrony. In my understanding, this implies independent loading of modules (js scripts). In other words, parallel. But here's what I saw in chrome dev tools:
With the usual connection of scripts in the footer:

<script type="text/javascript" src="templates/js/new/jquery-ui-1.10.3.custom.min.js"></script>
<script type="text/javascript" src="templates/js/new/eventTrackerManager.v.1.0.js"></script>
<script type="text/javascript" src="templates/js/new/constants.js"></script>
<script type="text/javascript" src="templates/js/new/utils.js"></script>

In CDT:

When included via require.js:

require.config({
    baseUrl: "templates/js/new/",
    paths: {
        "jQuery": "lib/jquery-2.0.3.min",
        "jQueryUI" : "lib/jquery-ui-1.10.3.custom.min",
        "Utils" : "modules/utils",
        "contactform" : "modules/contactform"
                ...
    },
    shim: {
        "jQueryUI": {
            exports: "$",
            deps: ['jQuery']
        }
    }
});
require(["contactform"], function(CF) {
    CF.init();
});

In the first case, the browser loads all the scripts in parallel, then executes them in the connection order.
In the second case, the scripts are connected sequentially, which takes more time.
But! In the first case, when hovering over the script loading bars, the blocking property is very large, and in the second, it is small. Does this mean that downloading scripts via AMD does not block further page loading? Or what is the benefit of using AMD then, other than organizing code and establishing dependencies?

Answer 1

requirejs works in the same way in parallel, but it loads dependent scripts after it executes the next script and finds out what needs to be loaded next. In order to avoid this, various techniques are used, such as precompilation. Read more here habrahabr.ru/post/181536/.