内联脚本对面性能的影响.pptx

内联脚本对页面性能的影响怿飞 / 圆心Whos this guy?怿飞 / 圆心in Taobao UEDTechnology Evangelist Front-End Engineer/mailto:blankzheng@blankzheng@案例分析/cuzillion/?ex=10100title=Inline+Scripts+Block/cuzillion/?/cuzillion/?ex=10100title=Inline+Scripts+Blockex=10100title=Inline+Scripts+Block案例分析脚本执行结束，第二张图才开始下载。页面加载之后，至少5秒页面无任何内容显示。影响的主要方面阻塞页面资源的并行下载阻塞页面的逐步渲染影响的主要原因保持执行顺序对 document.write 的依赖关系问题的解决方案将内联脚本移至底部。使用异步回调。使用 script 的 defer 属性。将内联脚本移至底部避免了下载阻塞，实现了并行下载。此方法适用于：执行时间小于 300毫秒的内联脚本。无法解决阻塞页面的逐步渲染的问题。使用异步回调使用异步回调： setTimeout 最简单的异步调用就是使用 setTimeout：使用异步回调： setTimeout避免了下载阻塞，实现了并行下载。在 Internet Explorer 中实现了逐步渲染。Firefo