设为首页收藏本站

LUPA开源社区

 找回密码
 注册
文章 帖子 博客
LUPA开源社区 首页 IT综合资讯 查看内容

移动Web应用性能的5个秘籍

2013-8-8 11:36| 发布者: joejoe0332| 查看: 1476| 评论: 0|原作者: yale8848, super0555, szkiti, kupePoem, Garfielt, wiseach, 闵杰, bigtiger02, n009ww|来自: oschina.net

摘要:   最近我们听到一些关于移动HTML性能的一些秘籍,实际上它们并不是很准确。和好的“城市秘籍”一样,它们听起来令人信服的和可信。但是这些秘籍是基于,不正确的前提和对本地和网络软件栈之间关系的误解,以及曲解 ...

  可以看出,尽管S4在Note2上只有一点小的提升,但是从Android 2.x 到4.x性能却得到了3.5倍的提升。 我们可以看看在iOS上的Dromaeo结果,遗憾的是,我们不能去和老版本的IOS去比较性能,但是我们能够通过几代Iphone硬件看到显著的提升,有趣的是,这些设备在性能的改善却优于CPU速度的加速,这就意味着在内存带宽或者缓存上的提升会优于摩尔定律性能提升。


5 Myths about Mobile Web Performance


  为了展现在浏览器之间仍然有很大的潜能去匹配相互间的性能,我们和Surface RT进行了比较。在IE上具有低性能交互的DOM一直是性能得不到改善的来源,但是值得指出的是Iphone跟DOM进行交互与运行IE10的Microsoft Surface RT存在的巨大的性能差距。我们想摧毁的神话之一就是手机软件堆栈是完美的。Windows RT - 10倍的性能差距,是真的需要等着被填充(我们将以后面的IOS为基准)。


  图像渲染能力


  除过加快JavaScript和DOM响应外,我们也关心浏览器在Canvas和SVG方面的处理能力。同样的硬件,我们发现iOS5在Canvas2D的处理能力要比iOS4高5-8倍,在升级的ios5中甚至比iPad2快80倍。因为Canvas是通过CoreGraphics来渲染的,所以当本地程序渲染速度提高后,Canvas也会提高。在我们的测试中,我们用mincast Canvas2D来做例子。下面我们看一下在不同代iPhone用同一个iOS测量的数据:



  记住,这是iOS4到iOS5一个很大的性能提升。我们可以看出,在同一时期,iPhone CPU性能提升了4倍,但Canvas2D渲染能力提升了7倍,这都归功于GPU加速和GPU软件的发展。




  同样的测试,我们再来看看Android,我们来看一组在缺少CPU加速和Canvas之间有意思的数据。一个大的变化是Android 2没有GPU加速。同时我们可以看出纯软件的GPU加速是改善性能的主要原因。


  SVG 基准测试


  SVG(译著:可缩放矢量图形)能够从另外一个方面来体现web性能这一神话。尽管SVG并不如Canvas那样被众所周知(很有可能是应为Canvas已经变得很快了吧),但是SVG也可以反映出性能随着硬件的改进而改善。如下是Stephen Bannasch在不同机器上做的一个绘制10000段SVG路径所花费的时间的测试。 试结果再次表明硬件持续稳定的提高改善了CPU和GPU性能(因为这些都是在ios6上进行测试的)。


5 Myths about Mobile Web Performance


  这种性能之间的差别主要来自于软件:Surface RT比iphone 5(或者说Ipad 4-我们同样测试了ipad 4但测试数据并没在上面的到体现)要快30倍。实际上,Surface RT的性能比起在我用了一年的苹果电脑的桌面浏览器Safari 6要好10倍。Windows 8/IE10 已经完全由GPU来加载SVG,这对结果产生了巨大的影响。随着浏览器制造商逐步的将由GPU来加载SVG,我们有理由期待在IOS和Android上同样看到web性能出现阶跃函数的变化。


酷毙

雷人

鲜花

鸡蛋

漂亮
  • 快毕业了,没工作经验,
    找份工作好难啊?
    赶紧去人才芯片公司磨练吧!!

最新评论

关于LUPA|人才芯片工程|人才招聘|LUPA认证|LUPA教育|LUPA开源社区 ( 浙B2-20090187 浙公网安备 33010602006705号   

返回顶部