关于前端性能优化的小想法
来源:互联网 发布:中式现代服装 知乎 编辑:程序博客网 时间: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
- 关于前端性能优化的小想法
- 关于前端的性能优化
- 关于前端性能优化
- 前端性能优化,前端开发注意的小细节
- 前端优化简单的优化想法
- 前端性能的优化
- Yahoo关于web前端性能优化的35条军规
- 8条关于Web前端性能的优化建议
- 前端性能优化小知识点(javascript)
- 小悟:前端web/h5性能优化
- 关于web性能的一点想法
- 前端性能优化的方式
- 前端性能优化的基础知识
- 前端性能优化的认识
- 前端性能优化的方法
- 关于前端WPO(网站性能优化)
- 关于文件处理的一个小想法
- 关于VC++的小想法(1)
- 2017实习心得体会以及自己的小目标
- JAVA学习笔记-public、protected、private、abstract、static和final
- jdbc学习笔记4
- C++中int main(int argc, char *argv[])解释
- 第五十一讲 Spark优化之“钨丝计划”
- 关于前端性能优化的小想法
- JavaScript中数组slice和splice的对比小结
- 《Docker……》笔记-11 附录A常见问题汇总
- C# 设计模式巩固笔记
- STM32F4、F2系列拥有两个片上USB-OTG的应用问题
- 构建maven的SSH项目
- leecode 解题总结:260. Single Number III
- Leetcode 4 Median of Two Sorted Arrays(二分)
- [连载]嵌入式实时操作系统AIOS设计与实现