为何选择内联脚本＆gt;外部样式表比外部样式表更快＆gt;脚本？

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

我看到两个事件的区别＆＃39; DomContentLoaded＆＃39;和＆＃39;加载＆＃39;

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