博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
使用HMTL5 API监控前端性能
阅读量:6242 次
发布时间:2019-06-22

本文共 1013 字,大约阅读时间需要 3 分钟。

用户计时API

\

用户计时API可以在网页应用中测量两个预定义标记之间的性能。开发者仅仅需要分别定义测量的开始和结束标记。可以通过JavaScript对象“”提供的函数,对计时位置进行标记。

var measuring_start = performance.now();
\

通过“”函数,可以在网页应用的获取计时用。和该函数类似的是Date对象,它同样可以获取当前时间戳。二者的主要区别是时间精度,now函数的返回值的w3c文档中明确要求,必须能够表示精确到千分位小数的毫秒值。另外now函数返回的数值,是从浏览器的“浏览开始事件(navigationStart)”开始到现在的毫秒数。

performance.now()\35438640.775000006\(new Date()).getTime()\1443063066478
\

如果希望分析一个图片的加载性能,可以在图片的加载(load)事件中设置第二个标记。图片加载的耗时,就是“measure_start”和“measure_end”两个变量之间的差值(单位毫秒)。

\u0026lt;html\u0026gt;\    \u0026lt;head\u0026gt;\        \u0026lt;meta charset=\"utf-8\" /\u0026gt;\        \u0026lt;title\u0026gt;test timing\u0026lt;/title\u0026gt;\    \u0026lt;/head\u0026gt;\    \u0026lt;body\u0026gt;\        \u0026lt;img src="http://cdn3.infoqstatic.com/statics_s2_20150922\-0305u1/styles/i/logo_bigger.jpg" alt=\"image\" \u0026gt;\        \u0026lt;script type=\"text/javascript\"\u0026gt;\            var measure_start = performance.now();\            document.getElementsByTagName(\"img\")[0].addEventListener\(\"load\

转载地址:http://ordia.baihongyu.com/

你可能感兴趣的文章
bzoj2502
查看>>
Xcode 控制台打印Unicode字符串转换为中文
查看>>
Codeforces 831C--Jury Marks (思维)
查看>>
oracle内存结构+系统全局区+程序全局区(pga)+排序区+大型池+java池
查看>>
成长7 - lambda,filter,map的运用
查看>>
New Concept English Two 18 46
查看>>
Qt 删除目录
查看>>
Git 移除某些文件
查看>>
poj2940
查看>>
django做form表单的数据验证
查看>>
【OpenFOAM】——OpenFOAM入门算例学习
查看>>
STL UVA 11991 Easy Problem from Rujia Liu?
查看>>
模拟 URAL 1149 Sinus Dances
查看>>
Oracle 11G 数据库迁移【expdp/impdp】
查看>>
17.EXTJs 中icon 与iconCls的区别及用法!
查看>>
3.mybatis实战教程(mybatis in action)之三:实现数据的增删改查
查看>>
Caused by: Unable to load bean: type: class:com.opensymphony.xwork2.ObjectFactory - bean - jar
查看>>
让你拥有超能力:程序员应该掌握的统计学公式
查看>>
互联网组织的未来:剖析 GitHub 员工的任性之源
查看>>
Java 开源博客 Solo 1.4.0 发布 - 简化
查看>>