高性能JS总结

1 加载与执行

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

Comments