【问题标题】:How can I troubleshoot Rendering Performance issues in IE如何解决 IE 中的渲染性能问题
【发布时间】:2010-09-17 18:08:23
【问题描述】:

我们的web应用程序在某些IE浏览器中渲染速度很快,在其他浏览器中渲染速度很慢...这似乎是一个HTML渲染问题...页面的前10%立即显示,最后90%最多需要10秒,这是静态内容。我使用 firefox/yslow 运行,渲染速度非常快。似乎与 ie 的某些用户/配置隔离。怪癖模式似乎没有什么不同。

是否有可以用来帮助我发现渲染瓶颈的工具或应用程序?我在我的代码中做了一些令人震惊的事情吗?可能是javascript问题吗?任何帮助或建议将不胜感激。谢谢。

【问题讨论】:

  • 如果您告诉我们您的代码在做什么,或者更好地向我们展示代码,将会有所帮助。
  • 不幸的是,我无法显示代码,因为它是一个安全的应用程序。我想解决这个特定问题,但在此之前,我想了解这些问题的故障排除过程,以防将来发生。

标签: html windows performance internet-explorer rendering


【解决方案1】:

使用Fiddler查看加载图片、css、js文件等的时间。也就是说,缓存有问题吗? Javascript 肯定会在不同的浏览器版本中引起问题。您可以在某些版本中找到许多其他版本中没有的优化。此外,如果可能,请确保您的 html 是格式正确的 xhtml。页面的排列方式也会影响生活。如果你的文档树很深,它可能需要等待渲染大的部分,直到它读取所有子节点。另一件需要注意的事情是,某些工具栏和插件确实会提前加载并且会减慢生活速度。 HTTP 代理至少可以帮助您了解网络方面的情况。

不确定这些想法是否可以帮助您解决确切的问题,但它们可以帮助整个生活。

【讨论】:

  • 我相信这个特定问题可能与用户机器上的插件有关。卸载多个应用程序后,页面现在可以正常呈现。
【解决方案2】:

如果它在 FF 或 Chrome 中运行得很快,那肯定是 javascript 问题。 IE7 在处理大量脚本和复杂的 HTML 时非常慢。我们有一个共享点页面,在 IE 中渲染需要 10 秒,而在 FF 和 Chrome 中渲染不到 1 秒。我们通过向服务器端处理添加一个计时器并通过 Response.Write() 将输出发送到客户端来对页面进行基准测试。通过这样做,我们可以确定服务器处理页面的时间和客户端呈现页面的时间(因为您会在屏幕上看到计时器结果,然后等待 10 秒以等待其余时间呈现)。瓶颈是客户端上的 100% IE。这也解释了为什么速度在不同人的机器上是可变的,因为根据客户端机器的速度,页面将以 8-15 秒之间的某个速度呈现。

我们甚至让 MS 查看了这个问题,他们确认 IE 有一个较慢的“丰富渲染”引擎.... IE8 运行得更快,但这对今天的任何人都没有帮助。

【讨论】:

  • 我认为你是对的,我们有一个菜单控件 (Telerik RadMenu),我认为这可能是问题所在。大量丰富的 CSS、HTML Javascript。如果 IE 有一个 perfmon,那就太好了,就像我可以在 CPU 尝试处理文档的部分时看到它。那好吧。感谢您的回答。
【解决方案3】:

您是否在 CSS 中使用了任何行为?如果使用太多和/或影响太多元素,我已经看到行为会使应用程序崩溃。检查潜伏的任何 .htc 文件。

当然,行为只适用于 IE,并且它们使用 JavaScript,所以我确信不同的 IE 版本比其他版本更能胜任。

【讨论】:

    【解决方案4】:

    Steve Souders 就提高网页性能的 14 个(简单)步骤进行了出色的演示:

    http://developer.yahoo.net/blogs/theater/archives/2007/08/steve_souders_high_performance.html

    如果它挂在页面中间,我个人要做的第一件事就是确保或移动我所有的 JavaScript 都在页面底部。

    IE 擅长表现不佳,尤其是 JavaScript,因此如果将其移至底部,IE 可以呈现页面,然后继续处理 JavaScript。

    【讨论】:

      【解决方案5】:

      有一个用于此类场景的特殊工具,称为 dynaTrace,可在此网站免费获得: http://ajax.dynatrace.com/pages/ 这个工具真的可以帮到你,因为它几乎可以跟踪所有东西,而且它专门为 IE 构建。

      【讨论】:

        【解决方案6】:

        我使用HttpWatch 解决 IE 中的链接资产(图像、脚本、css)、网络或 HTTP 相关问题。有免费和付费版本。免费很好,但您会失去一些不错的功能。

        【讨论】:

          【解决方案7】:

          【讨论】:

            猜你喜欢
            • 2011-11-24
            • 2021-03-05
            • 1970-01-01
            • 2020-05-02
            • 1970-01-01
            • 1970-01-01
            • 1970-01-01
            • 2014-06-26
            相关资源
            最近更新 更多