【问题标题】:jQuery animation & Flash combined: bad performance, low fpsjQuery 动画和 Flash 相结合:性能差,fps 低
【发布时间】:2011-06-16 12:25:50
【问题描述】:

我目前正在做一个项目,我使用 SWFObject 来包含一个 Flash 标题(一些火动画)。我还在页面上使用 jQuery 来制作几个动画和效果,例如图像滑块和悬停效果。

我遇到的问题:

  • 高 CPU 使用率:在 Intel Q9550 上约为 50%
  • 由于 CPU 使用率高导致 jQuery 动画帧率低
  • 当我触发任何 jQuery 动画或效果时,flash 动画似乎卡住了

我尝试删除几个 jQuery 动画并简化页面,但也只有一个悬停菜单,flash 动画卡住,悬停菜单时 jQuery 动画滞后。

我的页面运行流畅的唯一浏览器是 Chrome 和 Opera,但只有高 CPU 使用率。 FF3&4 和 IE7-9 总是产生糟糕的帧率。

我尝试减少 jQuery 内部 fx 间隔,这似乎有所帮助,但动画不再流畅。我是唯一一个有这个问题的人吗,我在这里找不到与该主题相关的任何其他帖子?!

测试站点的 URL:http://zend.rollingdevilsDOT de

问候


更新:

问题已解决

我们将计算机的显卡从 GeForce 8400GS 更改为 8800GT。之后,动画运行流畅。没想到会是显卡^^

【问题讨论】:

  • 我不确定“平滑”应该是什么样子,但我从 chrome、ff4 和 ie7 中得到了相同的行为(尽管 ie 在菜单中有一些 css 故障)。在任何情况下,CPU 使用率都不会接近 50%。
  • 您好,感谢您的快速回复。我们在办公室测试了页面,也找不到上述行为。所以我认为这是我机器上的本地问题。但是:在 2x2,2GHz 的双核笔记本电脑上,这个网站大约占 80%!这是一个网站,没有3d游戏!我不知道这是从哪里来的......

标签: jquery flash performance animation cpu


【解决方案1】:

我在一些同时使用大型 Flash 动画和脚本的网站上遇到了同样的问题。

在这种情况下,你能做的最好的就是一次只禁用一个脚本,然后每次再次检查结果,看看整体速度是否有所提高,这样你就可以找到繁重的脚本。

如果您无法通过这种方式找到它,请尝试一次禁用一个,而不重新启用已经禁用的那些。

在我的网站中,我有许多常见的 jQuery 插件,最后我意识到它们几乎都写得很糟糕,没有优化代码。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2020-11-08
    • 1970-01-01
    • 2013-01-02
    • 2011-03-07
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2014-12-13
    相关资源
    最近更新 更多