页面装载js及性能分析方法介绍


Posted in Javascript onMarch 21, 2014

一、装载

先装载静态页面的引用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中所有函数及代码块的耗时,即可定位到瓶颈代码处。

Javascript 相关文章推荐
判断浏览器的javascript版本的代码
Sep 03 Javascript
Node.js中使用计时器定时执行函数详解
Aug 15 Javascript
js实现ArrayList功能附实例代码
Oct 29 Javascript
js实现圆盘记速表
Aug 03 Javascript
Angularjs中的页面访问权限怎么设置
Nov 11 Javascript
js图片轮播手动切换特效
Jan 12 Javascript
JavaScript实现创建自定义对象的常用方式总结
Jul 09 Javascript
jQuery实现轮播图及其原理详解
Apr 12 jQuery
js使用swiper实现层叠轮播效果实例代码
Dec 12 Javascript
jQuery选择器之基本选择器用法实例分析
Feb 19 jQuery
vue element upload组件 file-list的动态绑定实现
Oct 11 Javascript
JS控制只能输入数字并且最多允许小数点两位
Nov 24 Javascript
Js冒泡事件详解及阻止示例
Mar 21 #Javascript
js调用浏览器打印模块实现点击按钮触发自定义函数
Mar 21 #Javascript
js中把JSON字符串转换成JSON对象最好的方法
Mar 21 #Javascript
jquery插件冲突(jquery.noconflict)解决方法分享
Mar 20 #Javascript
将中国标准时间转换成标准格式的代码
Mar 20 #Javascript
如何将php数组或者对象传递给javascript
Mar 20 #Javascript
js 触发select onchange事件代码
Mar 20 #Javascript
You might like
详解PHP原生DOM对象操作XML的方法
2016/10/17 PHP
getElementById在任意一款浏览器中都可以用吗的疑问回复
2007/05/13 Javascript
JavaScript 变量基础知识
2009/11/07 Javascript
windows系统下简单nodejs安装及环境配置
2013/01/08 NodeJs
JS遍历Json字符串中键值对先转成JSON对象再遍历
2014/08/15 Javascript
js中运算符&& 和 || 的使用记录
2014/08/21 Javascript
Eclipse配置Javascript开发环境图文教程
2015/01/29 Javascript
JS实现图片产生波纹一样flash效果的方法
2015/02/27 Javascript
JS实现的页面自定义滚动条效果
2015/10/26 Javascript
js跨域请求数据的3种常用的方法
2015/12/01 Javascript
分享两款带遮罩的jQuery弹出框
2015/12/30 Javascript
MUI 上拉刷新/下拉加载功能实例代码
2017/04/13 Javascript
完美解决linux下node.js全局模块找不到的情况
2018/05/16 Javascript
详解JavaScript的内存空间、赋值和深浅拷贝
2019/04/17 Javascript
vue移动端使用canvas签名的实现
2020/01/15 Javascript
分享一款超好用的JavaScript 打包压缩工具
2020/04/26 Javascript
小程序中的箭头函数的具体使用
2020/06/19 Javascript
vue 如何使用递归组件
2020/10/23 Javascript
[01:23:59]2018DOTA2亚洲邀请赛 4.1 小组赛 B组 VP vs Secret
2018/04/03 DOTA
让python同时兼容python2和python3的8个技巧分享
2014/07/11 Python
Python最长公共子串算法实例
2015/03/07 Python
python实现带声音的摩斯码翻译实现方法
2015/05/20 Python
Python实现快速排序算法及去重的快速排序的简单示例
2016/06/26 Python
Python zip()函数用法实例分析
2018/03/17 Python
scrapy处理python爬虫调度详解
2020/11/23 Python
美国领先的宠物用品和宠物食品零售商:Petco
2020/10/28 全球购物
幼师专业求职推荐信
2013/11/08 职场文书
岗位廉政承诺书
2014/03/27 职场文书
机电专业毕业生求职信
2014/07/01 职场文书
投资意向书
2014/07/30 职场文书
2014年社区宣传工作总结
2014/12/02 职场文书
2014幼儿园卫生保健工作总结
2014/12/05 职场文书
慰问信模板
2015/02/14 职场文书
2015年网管个人工作总结
2015/05/22 职场文书
员工规章制度范本
2015/08/07 职场文书
python游戏开发Pygame框架
2022/04/22 Python