Web应用在IE11里实际使用性能.docVIP

Web应用在IE11里的实际使用性能 性能定时 Test Drive 允许您试用定时 API 性能时间线 性能时间线规范已经作为一项 W3C 推荐发布，受IE11和Chrome 30完全支持。利用此接口，您可以获得导航、获取资源以及执行应用中运行的脚本期间所花费时间的端到端视图。此规范定义了所有性能指标需要实施的最低属性，以及开发人员可以用来检索任意类型性能指标的接口。 所有性能指标必须支持以下四种属性： name。该属性存储性能指标的唯一标识符。例如，对于某个资源，它将会是该资源的已解析 URL。 entryType。该属性存储性能指标的类型。例如，对于某个资源的指标，它将会存储为 “resource”。 startTime。该属性存储性能指标的第一个已记录的时间戳。 duration。该属性存储按指标记录的事件的端到端持续时间。 所有定时数据都使用类型为 DOMHighResTimeStamps 的高解析度时间进行记录，该类型在 高解析度时间规范中有所定义。与DOMTimeStamps 不同，该类型从 UTC 时间 1970 年 1 月 1 日起始以毫秒度量时间值，而高解析度时间值是从文档导航开始时至少以微秒的精度来度量时间值。例如，如果我使用 performance.now() 查看当前时间，则高解析度时间类似于 Date.now()，将会获得当前时间的如下解释说明： performance.now(); 4038.2319370044793 Date.now()此时间值还具有不受时钟时间偏差或调整所影响这一优势。您还可以查看 What Time Is It Test Drive 以了解高解析度时间的使用。 您可以使用以下接口来检索在调用时记录的一系列性能指标。使用startTime和duration以及该指标提供的任何其他属性，您可以获取一个页面性能（等同于客户实际使用过程的性能）的端到端时间线视图。 PerformanceEntryList getEntries(); PerformanceEntryList getEntriesByType(DOMString entryType); PerformanceEntryList getEntriesByName(DOMString name, optional DOMString entryType); getEntries方法在页面上返回所有性能指标，而其他方法会基于名称或类型返回特定的项目。我们期望大部分开发人员在所有指标列表上仅使用JSON stringify，并将结果发送到他们的服务器进行分析，而不是在客户端进行分析。 让我们来进一步了解各个不同的性能指标：导航、资源、标记和度量。 导航定时 导航定时接口为导航到您的 Web 应用程序的每个阶段提供精确的时间度量。 导航定时 L1 规范已经作为一项 W3C 推荐发布，受 IE9 以及后续版本、Chrome 28 和 Firefox 23 的完全支持。 导航定时 L2 规范是首份公开工作草案，受到 IE11 支持。 利用导航定时，开发人员不仅可以获取精确的端到端页面加载时间，包括从服务器获取页面所用时间，而且还可以获取在每个网络和 DOM 处理阶段所花费时间的明细：unload（卸载）、redirect（重定向）、app cache（应用缓存）、DNS、TCP、request（请求）、response（响应）、DOM processing（DOM 处理）以及 load event（加载事件）。下面的脚本使用导航定时 L2 来获取该详细信息。此指标的条目类型为 “navigation”，而名称为 “document”。请在 IE Test Drive 网站上查看 导航定时的演示。 !DOCTYPE html html head/head body script function sendNavigationTiming() { var nt = performance.getEntriesByType(navigation)[0]; var navigation = Start Time: + nt.startTime + ms; navigation += Duration: + nt.duration + ms; navigation += Unload: + (nt.unloadEventEnd - nt.unloadEventStart) + ms; navigation += Redirect: + (nt.redirectEnd - nt.redirectStart) + ms; navigation +=