<script async="async"的多个资源怎么保证加载顺序， Github 的使用的方式是最好的吗？
vghdjgh · 2016-08-24 08:09:12 +08:00 · 1610 次点击这是一个创建于 3019 天前的主题，其中的信息可能已经有所发展或是发生改变。
Github 只在最后一个 script 上加 async
<script crossorigin="anonymous" integrity="sha256-dOKIA1HONo2PClLxKnRStCK+9jl9VHfYEgIH6nnw39k=" src="https://assets-cdn.github.com/assets/frameworks-74e2880351ce368d8f0a52f12a7452b422bef6397d5477d8120207ea79f0dfd9.js"></script>
<script async="async" crossorigin="anonymous" integrity="sha256-3DS/toi9Z7r29v5BoJmjWolghyWt1/hCYmfyYhwHLEc=" src="https://assets-cdn.github.com/assets/github-dc34bfb688bd67baf6f6fe41a099a35a89608725add7f8426267f2621c072c47.js"></script>
 |
1
ZE3kr 2016-08-24 08:38:37 +08:00  1
async 就不能保证加载顺序了，所以有些地方不能用 async 。如果一定要顺序，那可以合并 JS ；也可以拿 JS 判断页面加载完毕后再加载你打算之后加载的 JS 。
能加 async 的地方就加吧，这样速度快，不会阻塞。 |
 |
2
shyling 2016-08-24 08:54:05 +08:00 via iPad 1
打包有顺序的
|
 |
3
BOYPT 2016-08-24 09:41:49 +08:00 1
async 后必须由加载器处理加载顺序了，或者是打包合并了只有 1 个 js 。
|
 |
4
xhowhy 2016-08-24 10:09:28 +08:00 1
由 js 去创建 script async ，每个 script 注册一个 onload ，可以看看 require.js 的实现
|
 |
5
otakustay 2016-08-24 11:15:19 +08:00 1
async 不负责顺序，又要顺序又要不 block 页面的用 defer （依旧会卡住 ready ）
|
Select Language