我会立即说这个问题与加载时间无关；而是关于加载时间。我了解 YSlow、Firebug 分析器以及 Google 揭示的有关页面组件加载时间的任何最佳实践和工具。
我想问的是，在改善实际用户体验方面，有哪些好的分析工具或库或附加组件可以用于测量 Javascript(特别是 jQuery)的实际执行情况。例如，测量从点击到屏幕上显示结果的时间，或帮助确定为什么基于 jQuery 的悬停效果响应缓慢。
我们注意到，当页面/DOM 变得相对较大时(例如，70kb 到 150kb 的 HTML，不包括外部 CSS、JS 和图像)，和/或具有非常深的嵌套(来自
的 14-25 层)到最深的标签)，jQuery 事件触发速度更慢，或者整个 JS 用户体验变得迟缓。我还通过谷歌搜索并了解了选择器的最佳实践(例如，通过 id 选择比通过类选择要快得多)，我将实现这些实践。然而，一旦所有 jQuery 完全加载，并且所有事件都已 Hook ，我们仍然需要改进实际的事件触发和执行。
我已经实现了一些事件委托(delegate)，并且我确实感觉到，更少的 Hook DOM 元素会让事情稍微好一点，但大页面的整体体验仍然需要改进。我应该提到的是，由于该网站使用 AJAX 功能较多(很多内容是通过 AJAX 加载的，而不是初始 HTTP 加载)，因此我们大量使用 livequery，而不是普通的 jQuery 事件 Hook 。我还应该提到，我们稍微更关注 IE(7+) 性能，但也需要良好的 Firefox 性能。
当我开发和做出更改时，我认为我需要一种方法来测量更改前后的速度，以便我可以得到有关更改是否改进任何内容的具体数据。
任何提示、工具、库、博客文章、URL？
最佳答案
JSLitmus看起来我可能会尝试一下。
关于Javascript (jQuery) 性能测量和最佳实践(不是加载时间)，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/400836/