【前端性能优化】高性能JavaScript整理总结

高性能JavaScript整理总结

关于前端性能优化：首先想到的是雅虎军规34条
然后最近看了《高性能JavaScript》
大概的把书中提到大部分知识梳理了下并加上部分个人理解
这本书有参考雅虎特别性能小组的研究成果，所以跟34 军规有很多相似之处
有不当之处请在评论区指正，感谢~

约定：很多单词语法都是简写比如doc指document，点点点代表不重要代码省略，码字不易（/双手合十）

1. 加载和执行

---

• JavaScript是单线程，所以JavaScript的加载和执行是从上至下加载执行完一个再继续加载执行下一个文件，会阻塞页面资源的加载，所以一般情况下JavaScript文件放在body标签内底部，很多后端开发人员放在body标签外下面，这样做不好的地方有两处：1、不规范 2、可能会造成js获取不到页面元素而导致报错。而放在body标签内底部可以确保js执行前页面渲染完成　

js...                         //正确





js...                         //错误

• 合并脚本，每个
  • 三种无阻塞下载JavaScript的方法：

  1.使用