高性能JS总结
1 加载与执行
<script>
每次出现,都会阻塞页面其他部分执行.- 页面在执行到
<body>
之前,不会有任何渲染页面的行为. - 建议所有
<script>
紧跟在</body>
前面. - 尽可能减少
<script>
个数,用Grunt
或Gulp
来管理和压缩你的JS. <link>
后不要跟任何内嵌脚本.因为<link>
会等待后面的内嵌脚本先执行.即使内嵌脚本在<link>
之后- 无阻塞模式加载JS(延迟加载):推荐工具
YUI3
,LazyLoad
,LABjs
(比较喜欢这个,体积小,而且可以管理依赖关系,可以设置加载JS的有序/无序)