Inline Script

1. 内联脚本对页面性能的影响 怿飞 / 圆心

3. Front-End Engineer

4. http://www.planabc.net

6. 案例分析 脚本执行结束，第二张图才开始下载。 页面加载之后，至少5秒页面无任何内容显示。

10. 使用异步回调。

12. 此方法适用于：执行时间小于 300毫秒的内联脚本。

14. 使用异步回调：setTimeout 最简单的异步调用就是使用 setTimeout：

16. 在 Internet Explorer 中实现了逐步渲染。

19. 图片虽然在1 秒之后返回，但直到 longCode在 5 秒钟之后执行完毕时才在页面中显示。Note: 渲染事件在1秒之后进入队列，而浏览器在 longCode 执行的同时不能响应这个事件。浏览器是单线程的，JavaScript 执行的同时所有渲染事件都会被阻塞。我们可以通过增加 setTimeout的毫秒数来解决它，该毫秒数比1秒的图片下载时间 稍大，比如1500毫秒。

20. 使用异步回调：onload 如果想异步执行 longCode而不阻塞浏览器渲染，更好的做法是使用 onload事件来触发代码运行 ：

23. 避免了下载阻塞，实现了并行下载。

24. 直到脚本执行完成后页面才开始渲染。

26. 使用异步回调（最优化）。