前端性能优化,非常重要的一个关键词是“首屏”,有争议的两种方式:
- “首屏”定义为HTML结构出来,那么对应的就是"DOM树构建完成(DOMContentLoaded)";
- "首屏"定义为HTML结构出来并已经填充上数据,但是操作没有初始化:这么就可以认为我们必须减少DOMload的整个过程;
二、DOM文档加载过程
- 解析HTML结构。
- 加载外部脚本和样式表文件。
- 解析并执行脚本代码。
- DOM树构建完成。//DOMContentLoaded
- 加载图片等外部文件。
- 页面加载完毕。//load
三、对于首屏是“1”的情况:
- 非必须的JS加上async属性(针对tap后触发的方法库);
四、