关于前端性能优化的小想法

前端性能优化，非常重要的一个关键词是“首屏”，有争议的两种方式：

1. “首屏”定义为HTML结构出来，那么对应的就是"DOM树构建完成(DOMContentLoaded)"；
2. "首屏"定义为HTML结构出来并已经填充上数据，但是操作没有初始化：这么就可以认为我们必须减少DOMload的整个过程;

二、DOM文档加载过程

1. 解析HTML结构。
2. 加载外部脚本和样式表文件。
3. 解析并执行脚本代码。
4. DOM树构建完成。//DOMContentLoaded
5. 加载图片等外部文件。
6. 页面加载完毕。//load

三、对于首屏是“1”的情况：

1. 非必须的JS加上async属性(针对tap后触发的方法库)；

四、

五、参考资料
HTML5 script元素async,defer异步加载