浏览器图形渲染性能测试

本文通过测试页面展示了在不同浏览器(如IE9、Chrome、Firefox)下使用canvas和DOM进行图形渲染的表现,指出IE9在图形渲染性能上表现最佳,尤其是在不涉及复杂JS运算的情况下。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

写了个测试图形渲染性能的页面:http://www.adanghome.com/js_demo/17/


理论fps : 60


操作系统:window7


chrome13 - canvas : 52  

chrome13 - dom : 55 

firefox15 - canvas : 25 

firefox15 - dom : 8 

ie9 - canvas : 60 

ie9 - dom : 60




操作系统 : iphone4 + ios6


safari - canvas : 45

safari - dom : 23



可以看出ie9的图形渲染性能最好,无论是canavas还是dom,都可以跑全60帧。chrome其次,canvas的性能比dom稍低一点。firefox的性能最差,低到发指,dom比canvas性能差得多,只有8帧左右。


值得注意的是,这个测试页面没做任何复杂的js运算,只是不停地刷新图形,所以ie9的性能比chrome好。我另外写了个测试页面,用了我的游戏引擎,涉及了大量的js运算,ie9的性能就比chrome低了。ie9的js引擎还是敌不过V8啊,如果把运算性能也加上,chrome的优势才能体现出来。


转载于:https://www.cnblogs.com/cly84920/archive/2012/09/30/4426494.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值