`

HTML5中新增的测量页面加载的时间API

阅读更多
  在HTML5标准中,草案新增加了在JS中通过API计算某个页面从服务器加载返回
到浏览器的时间:
var startTime = new Date().getTime();  
function onLoadEventHandler() {  
     var latency = startTime - performance.timing.navigationStart;  
     console.log('Latency = ' + latency + 'ms');  
}  



  这里,用performance.timing.navigationStart方法,返回浏览器从服务器端返回的新的资源的时间,比如你在访问A页面,A页面没加载完,又重新通过LINK访问了B页面,则
performance.timing.navigationStart时间为浏览器停止装载A,开始装载B时的时间
更多的可以参考
https://dvcs.w3.org/hg/webperf/raw-file/tip/specs/NavigationTiming/Overview.html

目前可以在IE9,CHROME,FIREFOX 7中对其支持
2
0
分享到:
评论

相关推荐

    ArcGIS API for JavaScript v3.22官网下载(api + sdk开发包)

    5. **空间分析**:利用API中的空间分析工具,如缓冲区分析、距离测量、地址定位等,实现复杂的地理计算。 五、最佳实践 1. **模块化管理**:推荐使用AMD(Asynchronous Module Definition)模式来组织和管理代码,...

    HTML5参考手册、jQuery_CHM_1.4.4、arcgis+api+for+silverlight

    4. **多媒体支持**:和标签使得直接在HTML中嵌入音频和视频成为可能。 5. **Canvas绘图**:提供了一个可编程的2D图形画布,用于动态图形和游戏。 6. **SVG矢量图**:支持可缩放的矢量图形,适合数据可视化。 7. **...

    arcgis api for js 4.8

    ArcGIS API for JavaScript的核心是JavaScript库,它允许开发者在网页中嵌入地图,并通过JavaScript代码来控制地图的行为。这个API不仅包括地图显示、图层管理、地理编码、空间分析等基本功能,还支持自定义图层、三...

    arcgis_js_v40beta3_api

    开发者可以按需加载特定模块,提高页面性能。 2. **响应式设计**:API支持响应式布局,适应不同设备和屏幕尺寸,使得应用程序在桌面、平板和手机上都能提供良好的用户体验。开发者可以通过设置视图的breakpoints来...

    arcgis_js_v416_api.zip

    - **模块化设计**:4.16版本采用了模块化设计,允许开发者按需加载特定的功能,降低页面加载时间,提高应用性能。 - **3D地图支持**:API提供了对3D地图的支持,包括3D场景、建筑物、地形等元素的展示,让地图应用...

    arcgis Api for JS v4.14

    2. 模块化设计:利用AMD(Asynchronous Module Definition)模块化加载,按需加载组件,减少页面加载时间。 3. 自定义图层和渲染器:根据需求定制图层和渲染器,实现个性化地图效果。 4. 性能优化:合理配置图层...

    arcgis_js_v40beta1_api.zip

    API提供了一系列交互组件,如标识符(Identify)、弹窗(Popup)、测量工具(Measurement)等,用户可以自定义交互行为,增强地图应用的可操作性。 7. **响应式设计** 鉴于现代Web应用对多设备兼容性的需求,4.0 ...

    ArcGIS API for JavaScript v3.16官网下载(api + sdk开发包)

    这个API允许开发者利用JavaScript语言在网页上创建交互式地图,进行地理数据的展示、分析和操作。在2016年3月4日发布的v3.16版本中,它包含了多项改进和新功能,以满足不断变化的GIS开发需求。 **1. API核心功能** ...

    arcgis for javascript 4.0beta3 api

    4.0版本引入了AMD(Asynchronous Module Definition)模块化加载机制,使得开发者可以按需加载组件,降低页面初始化时的资源消耗。通过`require`和`define`方法,我们可以灵活地组织和管理代码,提高应用的可维护性...

    arcgis_js_v42_api.zip

    1. 轻量级框架:API采用了模块化设计,只加载必要的组件,减少了加载时间和内存占用。 2. 异步加载:通过异步加载策略,地图和数据的加载更加流畅,提升了用户体验。 总结,ArcGIS JavaScript API v4.2是一个强大且...

    arcgis api v4.5

    在ArcGIS API v4.5中,最重要的新增功能之一是Draw工具。这一工具允许用户在地图上直接绘制各种几何图形,如点、线、多边形等,极大地丰富了用户的交互体验。开发者可以通过 Draw APIs 创建自定义的绘图控件,使用户...

    arcgis_js_v47_api.zip

    3. 性能优化:API进行了大量的性能优化,包括更快的加载速度、更高效的图层渲染和查询操作,提高了应用的响应速度和整体性能。 4. 新增服务与工具:v4.7引入了更多预定义的地图服务,如地理编码、地理围栏、实时...

    HighchartsAPI中文翻译(表格版)

    - **loading**:加载选项,通过图表的操作控制着覆盖在绘图区域的加载页面是否显示。此功能非常适用于告知用户正在进行某些操作,如数据更新。 - **navigation**:导航选项,包含按钮选项等。 - **pane**:窗格选项...

    arcgis_js_v415_api.zip

    例如,新增的测量工具让用户可以轻松测量距离和面积,而导览面板则帮助用户快速浏览地图的不同层级。 最后,尽管这个版本不包含SDK中的文档和示例代码,但Esri官方提供了详尽的在线文档和社区资源,开发者可以通过...

    arcgis for javascript 4.9

    - **新API和控件**:新增的API和控件如测量工具、时间滑块、图层控制等,使得用户界面更加友好,增强了用户与地图的互动性。 2. **离线GIS环境搭建** 搭建离线GIS环境是许多开发者的实际需求,特别是对于网络...

    arcgis_js_v48_sdk.zip

    ArcGIS JavaScript API 是一套基于JavaScript的开源库,允许开发者在网页上创建动态地图、进行地理分析和数据可视化。v4.8版本是该API的一个重要迭代,带来了许多新特性和性能优化,旨在提高开发效率和用户体验。 ...

    cornerstone画图流程.doc

    如果需要在图像上进行绘图操作,比如标注病灶、测量距离等,可以利用Cornerstone提供的交互工具API。你需要监听鼠标或触摸事件,根据用户交互更新画布状态,例如添加线条、形状或文字。 第六步,调用`renderCanvas`...

    skyline terraexplorer 6.1新特性

    - **测量功能**:提供更精确、直观的测量工具,帮助用户快速获取三维空间中的距离、面积等数据。 - **路线规划**:支持在三维环境中规划路线,并计算路线长度、坡度等关键参数。 - **视域分析**:增强视域分析功能,...

    DaVinCi 配置 DEM模块的技术手册

    J1939协议也在手册的更新中得到了重视,新增了与之相关的章节,使得DEM能够更好地支持商用车辆的诊断通信。此外,手册还修复了一些已知问题,如NvM(Non-Volatile Memory)配置的描述不完整、对“个体后构建加载”...

Global site tag (gtag.js) - Google Analytics