在script标签的onload事件之前执行外部文件中的JavaScript

我读过，这defer不一定会延迟外部脚本的加载，但会延迟脚本的执行，直到HTML解析完毕。

作为实验，我在包含jQuery的文件的底部添加一行，当执行到达JavaScript的末尾时，该行会发出一个事件：

window.dispatchEvent(new Event('jQuery-executed'));

我在测试页中包含具有defer属性的jQuery文件：

<script src="jquery-3.2.1.js" defer onload="console.log('jQuery loaded', Date.now());"></script>
<script>
    window.addEventListener('DOMContentLoaded', function(){
        console.log('DOMREADY', Date.now());
    });

    window.addEventListener('jQuery-executed', function(){
        console.log('jQuery executed', Date.now());
    });
</script>

我onload在script标记上有一个处理程序，可以告诉我何时加载文件，以及其他函数在DOMContentLoaded上输出控制台日志以及何时执行jQuery。

为什么当我查看此页面时得到此信息？

当然事情应该以不同的顺序发生吗？不应只在包含jQuery的文件加载后才执行jQuery吗？为什么在DOMContentLoaded之前执行它？