javascript - 为什么内联脚本 > 外部样式表比外部样式表 > 脚本更快？

Question

1. stylesheet > Script

http://stevesouders.com/cuzillion/?c0=hc1hfff2_0_f&c1=hc1hfff2_0_f&c2=hb0wfff0_0_f&c3=hb0wfff0_0_f&c4=bi1hfff2_0_f&c5=bi1hfff2_0_f&t=1438003196394

2. Script > stylesheet

http://stevesouders.com/cuzillion/?c0=hb0wfff0_0_f&c1=hb0wfff0_0_f&c2=hc1hfff2_0_f&c3=hc1hfff2_0_f&c4=bi1hfff2_0_f&c5=bi1hfff2_0_f&t=1438003184842

我的理解是脚本会阻止解析。因此，在样式表之前放置脚本会减慢页面加载速度。但是，在上面的例子中，当我在 CSS 文件之前有内联脚本时，页面加载速度会更快吗？

谁能解释一下为什么吗？

Answer 1

我看到“DomContentLoaded”和“Load”两个事件的差异

两种情况下的 Load 事件之间的差异约为 5-15ms(第二种更快)但 DomContentLoaded 之间的差异是 2.5 秒(第二个更快)。我不确定，这背后的原因应该是在 css 开始从网络下载之前解析了脚本。