我开发了我的第一个网络应用程序。它正在运行，并且正在执行预期的操作，但某些页面存在性能问题。我已经在几个方面调整了应用程序，但我完全迷失了一个问题:
我有一个包含事件的日历，当用户切换选项时，它会切换不可见或可见。整个事情都是在客户端更新的，使用了 javascript 和 JQuery 函数。就是更新有点慢。
我没有调试此问题的经验，因此我根据之前的阅读猜测，嵌套表可能是罪魁祸首。我花了几个小时来解开这些问题:this article描述。接下来就是让css再次工作，然后进行测试的问题了。不幸的是，性能比以前更差了。
我想知道是否有更好的方法来解决我的问题，因为从长远来看，尝试和错误会变得过时。我可以以某种方式对 <table> 的浏览器渲染进行计时吗？ ？我还能如何调试由于客户端问题/html 结构而导致的性能问题？ 我希望有一个跨浏览器的解决方案，但我主要关心的是 IE8 和 Google Chrome。猜猜哪个是慢的......
我尝试针对我的具体问题制作一个 JSFiddle，但最终得到了 20.000 行代码，并且仍然无法正常工作。我想尺寸性能问题并不是真正最适合 JSFiddles 格式。
最佳答案
在我看来，你的数量太多了 DOM节点!
一个很好的入门工具是 yahoo's yslow和 google's pagespeed insights
这些工具都可以查找常见的性能错误，并为您提供修复这些错误的提示。他们还提供帮助 SEO因为在对页面进行排名时，页面速度是一个相当大的指标。
如果我的假设是正确的，并且您有太多 DOM 节点，这两个工具会告诉您。
关于javascript - 如何调试客户端浏览器/HTML 结构性能问题？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/25505186/