web标准化交流会第十八期上海站分享。 Jackson Tian：从无阻塞脚本加载(LAB.js)到浏览器线程模型

1. 从无阻塞脚本加载 (LAB.js) 到浏览器线程模型 Jackson Tian/ 田永强 @ 朴灵 at SAP 05/09/11

4. 为什么 script 标签会阻塞页面解析 05/09/11

5. 05/09/11

7. 05/09/11

10. Chromium 解析流程 05/09/11 此图由 Tapir( 貘 ) 提供，感谢他

12. 无阻塞脚本加载 05/09/11

23. 各种方法支持一览 05/09/11 方法 并行加载 顺序执行 不受同源限制 浏览器都支持 Defer √ √ √ x Async √ x √ x 动态脚本元素 √ x √ √ XHR Inject √ √ x √ XHR Eval √ √ x √ Document.write √ √ √ x Iframe √ ? x √

24. 无顺序执行的要求情况下 05/09/11 方法 并行加载 顺序执行 不受同源限制 浏览器都支持 Defer √ √ √ x Async √ x √ x 动态脚本元素 √ x √ √ XHR Inject √ √ x √ XHR Eval √ √ x √ Document.write √ √ √ x Iframe √ ? x √

25. 05/09/11

38. LABjs API 示意 05/09/11

52. 异步 Ajax 模型 05/09/11

53. 同步 Ajax 模型 05/09/11

60. NodeJS 是一个跑在 Server 端的浏览器 浏览器架构 (Chrome) NodeJS 架构 05/09/11

66. 05/09/11 Thanks