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

来源:互联网 发布:中式现代服装 知乎 编辑:程序博客网 时间:2024/06/11 17:00

前端性能优化,非常重要的一个关键词是“首屏”,有争议的两种方式:
1. “首屏”定义为HTML结构出来,那么对应的就是”DOM树构建完成(DOMContentLoaded)”;
2. “首屏”定义为HTML结构出来并已经填充上数据,但是操作没有初始化:这么就可以认为我们必须减少DOMload的整个过程;

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

三、对于首屏是“1”的情况:
1. 非必须的JS加上async属性(针对tap后触发的方法库);
2.

四、

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

0 0
原创粉丝点击