`
cakin24
  • 浏览: 1368156 次
  • 性别: Icon_minigender_1
  • 来自: 西安
社区版块
存档分类
最新评论

分析浏览器的时间性能

阅读更多
一 介绍
HTML5为window对象新增了performance属性,也就是新增了一个全局可用的performance对象,就像document、navigator等对象一样,通过该对象可以对浏览器进行相关分析。
 
二 代码
<!DOCTYPE html>
<html>
<head>
	<meta name="author" content="Yeeku.H.Lee(CrazyIt.org)" />
	<meta http-equiv="Content-Type" content="text/html; charset=GBK" />
	<title> 分析页面加载时间 </title>
	<script type="text/javascript">
		var load = function()
		{
			// 记录页面加载完成时的时刻
			var now = new Date().getTime();
			var page_load_time = now - performance.timing.navigationStart;
			alert("页面加载时间: " + page_load_time);
		}
	</script>
</head>
<body onload="load();">
<img src="http://www.crazyit.org/logo.jpg" alt="疯狂Java联盟"/>
</body >
</html>
 
三 运行结果


 
  • 大小: 25.9 KB
1
0
分享到:
评论

相关推荐

    浏览器客户端性能

    浏览器还提供了一系列工具来帮助开发者分析和优化性能,例如Chrome开发者工具(DevTools)中的Performance标签页可以用来记录和分析页面加载和运行的性能问题。 为了提升网站性能,开发者遵循了一系列的准则和最佳...

    firefox 浏览器结构分析

    随着时间的推移,Firefox不仅在性能上有了显著提升,在用户界面设计、安全性和隐私保护方面也不断进步,成为与Google Chrome等浏览器竞争的主要力量之一。 #### 三、Firefox浏览器的核心组件 ##### 3.1 用户界面...

    浏览器的加载与页面性能优化

    此外,持续监控和分析页面性能,利用工具如Google PageSpeed Insights和Lighthouse,可以帮助识别性能瓶颈,指导持续优化工作。 总之,浏览器的加载与页面性能优化是一个系统工程,涉及网络、HTTP协议、资源加载...

    性能测试分析实践

    性能测试分析实践是一门系统性的知识,涉及多个方面,主要包括硬件结构、软件结构、时间、用户数和TPS(每秒事务数)。为了深入理解性能测试的实践过程,我们将详细探讨每个组成部分的关键知识点。 首先,硬件结构...

    测试浏览器运行速度

    当遇到"ASP.NET开发的网页在浏览器中运行速度特别慢"的问题时,这可能是由多种因素引起的,包括但不限于网络延迟、服务器响应时间、JavaScript执行效率、CSS和HTML的加载顺序等。为了找出问题的症结所在,我们可以...

    研华数据浏览器.zip

    这些数据对于保障车辆的安全至关重要,研华数据浏览器能帮助用户查看和分析这些数据,从而及时发现潜在的安全问题或异常情况,提高车辆的防盗性能。 接着,我们来探讨一下“仪表数据”。仪表数据指的是汽车仪表盘上...

    浏览器渲染过程及优化策略

    这些策略可以减少浏览器的渲染时间,提高浏览器的性能和用户体验。 在浏览器渲染过程中,浏览器会对 HTML、CSS 和 JavaScript 文件进行解析和执行。解析过程中,浏览器会对 HTML 文件进行词法分析和语法分析,生成 ...

    web前端性能分析工具导引

    正如标题"Web前端性能分析工具导引"所暗示的,关注这一领域的核心在于优化用户对页面加载速度和响应时间的感知。根据Yahoo的高性能网页最佳实践,前端性能优化能够显著提升网站的性能,减少用户流失,提高销售转化率...

    淘宝前台系统性能分析与优化

    性能优化的过程包括对前台系统结构的深入分析,其中主要分为服务器端分析与优化,以及浏览器端分析与优化。服务器端分析和优化又包括线上压测、分析工具使用、时间消耗分析和瓶颈查找等步骤。 3. 服务器端分析 ...

    httpwatch浏览器监视工具

    1. **请求记录**:HTTPWatch能够实时捕获浏览器发送的所有HTTP和HTTPS请求,记录每个请求的详细信息,如方法(GET、POST等)、URL、状态码(200、400等)、响应时间等,这对于理解页面加载过程和优化性能至关重要。...

    Performance面板进行性能分析调优分析文件

    谷歌开发者工具(Chrome DevTools)提供了一款强大的性能分析工具——Performance面板,它能够帮助开发者深入理解应用的运行状况,识别并解决性能瓶颈。这篇文档将详细阐述如何使用Performance面板进行性能分析和...

    HttpWatch非常实用的监听浏览器工具

    HttpWatch是一款强大的网络性能监测工具,专为开发者和测试人员设计,用于深入分析浏览器中的HTTP和HTTPS请求。这款工具能够实时地监控并记录浏览器发送的所有网络请求,包括页面加载时间、下载速度、DNS解析时间、...

    Web服务系统的性能分析与测试方法

    ### Web服务系统的性能分析与测试方法 #### 引言 随着互联网技术的飞速发展,Web服务已经成为现代信息社会不可或缺的一部分。从电子邮件、社交媒体到在线购物,Web服务几乎覆盖了我们生活的各个方面。其中,最常见...

    web 浏览器兼容工具

    "加速人生_2.0.38.282.exe"可能是一款系统优化工具,虽然与Web开发中的浏览器兼容性直接关联不大,但它可能有助于提高计算机性能,使得浏览器运行更流畅,间接影响到网页加载和交互体验。它可能包括清理缓存、关闭...

    360安全浏览器v1.0

    360安全浏览器,作为一款备受用户信赖的互联网浏览工具,以其独特的安全性能和流畅的使用体验赢得了广泛的赞誉。其v1.0版本更是将"史上最安全的浏览器"这一称号体现得淋漓尽致。该软件不仅强调速度与效率,更注重...

    国内外浏览器之比

    - **双核浏览器的兴起**:鉴于单核浏览器存在的兼容性和性能问题,国内厂商纷纷推出双核浏览器。这类浏览器同时支持两种内核(如Trident和WebKit),以解决不同网站之间的兼容性问题,提供更流畅的用户体验。 #### ...

    薏米浏览器_2020_05_12.rar

    薏米浏览器通过其内置的智能分析技术,能够快速识别网页中的填表元素,帮助用户准确、快速地定位需要填写的信息区域,大大减少了手动查找和输入的时间。 其次,薏米浏览器的一键复制填表代码功能是一项非常实用的...

    Chrome浏览器调试教程

    - **Performance**:分析页面加载性能,提供加载时间线图和性能建议。 - **Memory**:监控内存使用情况,包括堆快照和分配统计。 - **Application**:查看和编辑应用程序缓存、Cookies、Local Storage等。 #### 四...

    httpwatch查看浏览器传输参数

    《HTTPWatch:深入解析浏览器传输参数的神器》 在当今互联网技术日新月异的时代,开发者和网络...通过实时监控和详细分析浏览器的HTTP请求,我们可以深入探索网络传输的底层细节,从而提高网页的加载速度和整体性能。

Global site tag (gtag.js) - Google Analytics