浏览器图形渲染性能测试

写了个测试图形渲染性能的页面: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/p/4426494.html