Javascript 使用HTML5'测量JS性能；s performance和performance.timeing对象

我正在根据HTML5提供的性能对象来衡量我的网站的性能，我想知道我的应用程序出了什么问题，我还想将其他最终用户的这些性能对象记录在我的本地数据库中，这样我就可以从他们那里获得信息，但我不太熟悉每个属性的含义，比如connectStart、connectEnd延迟的原因是什么。。。我已经创建了一个根据我的知识地图，但我需要从社区的投入，这。。。这对其他人也很有帮助

var issueList = {
    'connectStart':         'Network issue',
    'connectEnd':           'Server is not responding fast with SSL handshake',
    'domainLookupStart':    'Network issue',
    'domainLookupEnd':      'Network issue',
    'fetchStart':           'Slow browser',
    'redirectStart':        'Network issue',
    'redirectEnd':          'Busy server',
    'requestStart':         'Network issue',
    'responseStart':        'Server is slow',
    'domLoading':           'Low internet bandwidth',
    'unloadEventStart':     'Slow browser',
    'unloadEventEnd':       'Slow browser, browser processes are too heavy',
    'navigationStart':      'Slow browser',
    'responseEnd':          'Network issue',
    'domInteractive':       'Browser issue',
    'domContentLoadedEventStart':   'Network issue',
    'domContentLoadedEventEnd':     'Network issue',
    'domComplete':          'Too much DOM manipulation',
    'loadEventStart':       'Unknown',
    'loadEventEnd':         'Low JS performance, either not optimized JS or browser is slow'
};

此图中显示了该过程的顺序，以供参考

我还为此创建了一个

同样，我还想在我的网页中测量AJAX请求的性能，我正在考虑使用AJAX请求的readyState，所以我想知道在每次状态更改之间花费时间的原因是什么

State  Description                     Reason
0      The request is not initialized  Slow JS execution
1      The request has been set up     Slow JS execution
2      The request has been sent       Slow Netowkr Connection
3      The request is in process       Slow Server response
4      The request is complete         Slow server processing

---

我想这样做的原因是，有时候我们会 投诉我们的应用程序有点慢，所以在这些情况下 我们可以读取该用户的性能对象，也可以读取总体性能 性能对象。同时，我们还可以读取各种性能对象 我们的应用程序的峰值使用以及其他时间，并希望测量 应用程序的哪个部分加载时间更长。在 同时，它是一个产品，它将随着时间的推移而发展，所以 作为将来的参考，我也可以使用这些数据作为基准。所以我的唯一 重点是完全理解这个对象

另外，请务必让我知道是否还有其他方法（如果我走的路很长）

我还想在本地数据库中记录其他最终用户的这些性能对象

让我们从这方面开始。你不需要自己彻底改造这一切。您最好将时间花在实际改进站点上，而不是创建自己的监控解决方案上

Google Analytics实际上为您跟踪计时对象，因此您可以在那里进行检查。也可以做到这一点，并且更加关注开发人员，同时跟踪服务器端的事情。可能还有100个你可以从中挑选

但我不太熟悉每种财产的含义

W3C推荐标准是这些标准的规范定义：

根据我的知识，我已经创建了一个地图，但我需要社区为此提供信息

我建议不要创建这样的地图，至少按照您目前定义的方式。每个事件都意味着一些特定的东西。假设重定向与网络问题或繁忙的服务器有关是没有意义的。当然，缓慢的重定向可能是由于这些项目。。。但这可能是由于100件其他事情，甚至可能是有意的。还认为网络环境在世界范围内广泛变化。简而言之，目前的定义是最好的

---

如果您对其含义有特定问题，并且W3C规范对您来说不够清楚，我建议您就您感到困惑的特定项目提出特定问题。

请看一看。我之所以想这样做，是因为有时我们会收到抱怨，说我们的应用程序有点慢，所以在这些情况下，我们可以读取该用户的性能对象，也可以读取整个性能对象。我们还可以在应用程序的峰值使用和其他时间读取各种性能对象，并希望测量应用程序的哪个部分需要更长的加载时间。同时，它是一个产品，将随着时间的推移而发展，因此，作为未来的参考，我也可以使用此数据作为基准。所以我唯一的重点就是理解这个物体completely@ParagBhayani是的，查看您的应用程序性能很好。。。但是没有理由自己记录这种表现。相反，如果你使用一个经过良好测试的现有系统，你就可以花时间修复你的应用程序，并且知道所有内容都已正确记录。您还可以更轻松地进行聚合分析。但我仍然认为我没有得到我想要的答案，无论如何感谢您的帮助：）@Parabhayani您想要什么答案？我想根据性能对象的统计信息创建一个问题列表。。。所以，使用performance object，我可以找到任何页面、任何位置的任何站点上的任何用户的问题，并将它们记录到我的数据库中进行基准测试。。。对于ajax请求性能度量，我也想知道这一点