Flash,JavaScript/HTML5在不同浏览器与操作系统下的相对性能

  • 资讯类型: 翻译
  • 来源页面: http://www.mikechambers.com/blog/2010/03/01/relative-performance-of-rich-media-content-across-browsers-and-operating-systems/?utm_source=feedburner&utm_medium=feed&utm_campaign=Feed%3A+MikeChambers+%28Mike+Chambers%29
  • 资讯原标题: Relative Performance of Rich Media Content across Browsers and Operating Systems
  • 资讯原作者: Mike Chamber 

  • Flash,
    JavaScript/HTML5在不同浏览器与操作系统下的相对性能
    Mike Chambers
    3823289047_531ac6789e_m.jpg 
    (我觉得这哥们挺酷的,还是我太无聊了?- -)

    Flash有两点是经常被诟病的
    1  CPU使用率太高
    2  在Mac上的性能明显比在Windows上差

    我在想该如何证明它们,如果确实如此,那么是否只是Flash的缺点。

    以下是一些富
    应用的CPU使用数据,这是在不同的浏览器下和操作系统下测试得到的。这包括了HTML5播放视频,JavaScript的Canvas动画,Flash视频,还有Flash动画。这并不是在做科学研究,但我的测试结果显示:

    1        Flash在Mac上的表现不一定比PC差
    2        所有的富媒体内容,包括由JavaScript/HTML5创建的,在不同的浏览器和操作系统中性能都有不同层次的表现。

    下面的数据显示CPU性能。这意味着如果你的电脑CPU超过一核,那么CPU使用率就能超过100%。这就是Mac如何显示CPU使用率,我觉得它更为清晰的描述了项目使用了多少CPU。Windows的CPU率的显示已经很准确了。
    以下是测试的硬件条件:

    型号: MacPro3,1
    处理器:英特至强四核
    处理器速度:3GHz
    处理器数:2
    总芯数:8
    二级缓存:12MB
    内存:8GB
    总线速度:1.6GHz

    我的电脑上装了Windows7和OS X双系统,对于浏览器,我是用了最新的版本。FlashPlayer则使用了最新的实验室版本。

    Mac OS X版本

    版本号:10.6.2
    谷歌浏览器 5.0.307.9beta
    Safari4.0.4(6531.21.10)
    火狐3.6
    MAC版的FlashPlayer 10.1.51.95

    Windows 7 版本

    版本号:7600
    谷歌浏览器4.0.249.89(38071)
    Safari 4.0.4(531.21.10)
    FireFox 3.6
    IE 8.0.7600.16385

    重要的是,比较是用相同的内容在不同的浏览器和操作系统下进行的。Flash和JavaScript由于在内容和/或性能上的差异,相互比较是无效且无意义的。

    以下是页面/内容以及使用CPU的情况。最低的CPU使用率用绿色凸显,而使用率最高的用红色凸显。我还包括了一个显示每个操作系统下最高和最低使用率的范围的平台。请注意,随着时间的推移,某些网址上的内容可能会改变,从而不能反映出测试内容。
    注意点:我在观察,为什么IE在某些JavaScript和Flash例子中CPU的使用是0%

    MacHeist网站下动态JavaScript/Canvas的动画例子
    01.jpg 

    9elements网站下动态JavaScript/Canvas动画例子
    02.jpg 

    HTML5的HD视频例子
    03.jpg 

    HYPE网站的Flash动画例子
    04.jpg 

    Vimeo网站下Flash的HD视频例子
    05.jpg 

    总体性能比较(显示不同浏览器在不同操作系统下最佳性能比)
    06.jpg 

    我不会就此下绝对的定论,但却可以得到一些结论。
    1        根据这些测试,Flash在Mac上的性能表现并不是始终比在Windows下差。
    2        在播放HTML5的视频时CPU使用率高低差比较大,这取决于浏览器或操作系统。播放的时候,在Mac下会比较慢。
    3        Canvas/JavaScript动画似乎会造成CPU使用率过高,一般情况下在Mac下运行比Windows下慢(并不是总是如此)。
    4        HTML5的内容并不被所有浏览器支持。
    5        在测试FlashPlayer的时候似乎发现一些bug,在火狐下播放视屏时,CPU使用率会突然升到很高,然后回落(已经给团队提交了错误)。
    6        硬件加速似乎给视频播放在性能上带来了巨大的变化。
    7        撇开技术不谈(Flash与JavaScript/HTML)富媒体在不同的浏览器/操作系统上表现出的性能有所不同。

    正如我之前所说的,这只是以相同的内容在不同的浏览器和操作系统下做的性能比较。Flash和JavaScript之间的性能比较是不能以此为依据的。
  • Advertisements

    发表评论

    Fill in your details below or click an icon to log in:

    WordPress.com Logo

    You are commenting using your WordPress.com account. Log Out / 更改 )

    Twitter picture

    You are commenting using your Twitter account. Log Out / 更改 )

    Facebook photo

    You are commenting using your Facebook account. Log Out / 更改 )

    Google+ photo

    You are commenting using your Google+ account. Log Out / 更改 )

    Connecting to %s

    %d 博主赞过: