为什么我的CSS文件在网络面板中总是比JS文件后加载?

公孙爱玲 阅读 9

在开发项目时发现页面加载时样式闪一下,检查Network面板发现styles.css显示完成时间比app.js还晚,但HTML里link标签确实在script标签前面:

<link rel="stylesheet" href="styles.css" rel="external nofollow" >
<script src="script.js" async>

我已经尝试过移除async属性和调整加载顺序,但Network里CSS仍然显示在JS后面完成,这是怎么回事?

我来解答 赞 2 收藏
二维码
手机扫码查看
1 条解答
程序员梦轩
这个问题我之前踩过坑,说白了就是浏览器的加载机制和你的代码执行方式在打架。先说结论:虽然你在HTML里把标签写在