你如何进行页面性能测试？

Question

我知道每个读这个问题的人都会想到"萤火虫!" 马上.也许有人会想"YSlow!" 和"Google Page Speed!"

虽然我非常喜欢这些工具,但我更关心的是如何在IE 6/7/8中快速呈现页面.以上所有工具都需要Firefox.这一切都很好,你绝对可以测试将页面提供给浏览器的基本速度,但是实际渲染页面的时候呢？

关于如何在浏览器级别测试优化,我还没有看到任何非常好的答案.你如何在不同的浏览器中编写HTML/JS的性能测试？

Answer 1

我不确定只针对一个供应商进行优化是一项有用的工作:

• 关于HTML,大多数浏览器都是为了优化标准布局技术而编写的(表格,无表格等)
• IE6和IE8之间的渲染引擎完全不同,所以就像两个不同的浏览器一样
• 大多数优化技术都是跨浏览器的标准(将javascript放在底部,这样你就不会阻止页面加载,将javascript移动到外部文件,为图像使用多个主机名等来利用并行加载,不要使用表格整体布局,确保缓存标题正确等.)
• 一旦你有一个针对Firefox优化的网站,我认为只要为IE调整它就没有什么可以获得的; 此时您可以在应用程序级别执行更多操作(优化查询等),除非您的站点主要是静态内容,在这种情况下您可以调查缓存,HTTP压缩等.
• 如果您的关注实际上是优化IE的Javascript代码,那么有很多优秀的跨浏览器Javascript库可以跨越浏览器平台实现最佳执行时间,因此再次选择跨浏览器解决方案是通过走
• 浏览器格局不断发展,您的客户可能会在某个时刻转移到另一个平台; 针对几种不同浏览器进行优化现在最终会得到更兼容的代码,这些代码在未来的某个时刻进行平台更​​改时更有可能表现良好
• 我认为编写跨浏览器优化的代码将导致更易维护的代码库,减少魔法IE黑客攻击,其存在的原因很快就会在时间的迷雾中丢失