<script async="async"的多个资源怎么保证加载顺序， Github 的使用的方式是最好的吗？

2016-08-24 08:09:12 +08:00
 vghdjgh

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>
1557 次点击
所在节点    问与答
5 条回复
ZE3kr
2016-08-24 08:38:37 +08:00
async 就不能保证加载顺序了，所以有些地方不能用 async 。如果一定要顺序，那可以合并 JS ；也可以拿 JS 判断页面加载完毕后再加载你打算之后加载的 JS 。

能加 async 的地方就加吧，这样速度快，不会阻塞。
shyling
2016-08-24 08:54:05 +08:00
打包有顺序的
BOYPT
2016-08-24 09:41:49 +08:00
async 后必须由加载器处理加载顺序了，或者是打包合并了只有 1 个 js 。
xhowhy
2016-08-24 10:09:28 +08:00
由 js 去创建 script async ，每个 script 注册一个 onload ，可以看看 require.js 的实现
otakustay
2016-08-24 11:15:19 +08:00
async 不负责顺序，又要顺序又要不 block 页面的用 defer （依旧会卡住 ready ）

这是一个专为移动设备优化的页面（即为了让你能够在 Google 搜索结果里秒开这个页面），如果你希望参与 V2EX 社区的讨论，你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/301357

V2EX 是创意工作者们的社区，是一个分享自己正在做的有趣事物、交流想法，可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX