页面装载js及性能分析方法
2024-08-27 06:19:22
一、装载
先装载静态页面的引用js文件,然后查找引用文件中是否包含onload函数,比如main.js中包含onload函数,在main.js中查找是否有对其他js文件的引用,优先装载引用js文件,被引用中文件的装载顺序和main.js的顺序一致。
装载完毕后,开始执行onload函数。由于js执行顺序是顺序执行的,为提高页面相应速度,一般做法是在onload中只画页面,一些事件的绑定函数,ajax方法等可延后书写。
二、响应速度分析
1.借助工具进行分析
各大浏览器的开发者工具(最喜欢使用火狐)可以方便的查看各个js文件、html文件、css文件及图片的装载及执行时间。
2.硬编码分析
在第一步中我们基本能定位到瓶颈js文件了,在瓶颈js中,可以使用console.time('test')和console.Endtime('test')语句对js函数及代码块掐取执行时间。不过console语句只在非IE浏览器中执行有效,而在IE下会报错。如果你偏爱使用IE,那就使用时间戳吧。在掐取时,比较方便的方法是,直接掐住整个js文件,然后使用火狐浏览器,按F12可以在控制台中看到目标js中所有函数及代码块的耗时,即可定位到瓶颈代码处。
最新文章
- windows下hla编译环境配置(转)_1
- Http组件的介绍
- TranslateAnimation 运行动画后实际位置不正确问题
- nohup使用(转)
- hdu 4049 2011北京赛区网络赛J 状压dp ***
- DNS解析过程
- Android 中JNI创建实例
- Windows Phone 显示长文本
- yii2.0 gii
- 在centos中创建nginx启动脚本
- 关于I/O的那点事
- C Static Inline函数
- python_基本语法_01
- HDOJ 1420 Prepared for New Acmer(DP)
- Storm概念介绍
- Word Amalgamation(hdoj1113)
- unity图片后期处理
- Caused by: java.lang.ClassNotFoundException: org.objectweb.asm.commons.EmptyVisitor
- Elasticsearch最佳实践之分片使用优化
- [20190415]关于shared latch(共享栓锁).txt
热门文章
- linux文件系统管理的工作原理
- Linux内核(9) - 精华版 之 方法论
- 本地PC安装Centos 6.5 操作手册及遇到的问题
- 多进程对 MySQL update的影响
- introduction to python for statistics,analysis笔记2
- 进程间通信(java)--队列
- 使用配置hadoop中常用的Linux(ubuntu)命令
- iptables的4表5链(未完)
- [k8s]kubeadm k8s免费实验平台labs.play-with-k8s.com,k8s在线测试
- rabbitmq 基本信息