设为首页收藏本站

LUPA开源社区

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

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

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

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

  深入探讨秘籍


  在多年为Sencha Touch的数据驱动的应用程序的性能优化工作中,我们可以满怀信心地说,我们很少有人被JavaScript性能优化所困扰。唯一的重大案件迄今为止是Sencha触摸布局系统,我们在发现界面切换到Flexbox后,JavaScript在Android 2. X运行过于缓慢。更多的时候,我们碰到的问题是与DOM交互,浏览器渲染引擎和垃圾事件有关。所有这些问题都是每个浏览器的架构师和开发人员创建的,与 Javascript或Javascript引擎的固有特性无关。作为一个例子,当我们与浏览器厂商在性能优化方面合作时,我们已经看到了在一个40倍的改善在浏览器一个操作(颜色属性变化操作),这个操作是我们的滚动列表实现的速度瓶颈,这只是其中的一例。


  JavaScript 在IOS和android上的性能


  尽管我们说JavaScript在移动设备上的性能不是那么的重要,但是我们要反驳这段始终没有得到改善的神话。以下是通过IOS的模型和版本展示出了历史四年来SunSpider在IOS的数据得分(分数越低越好)。(幸运的是,SunSpider是一个用的非常广泛的测试工具,它记录了所有的IOS版本的网络数据)。在2009年, 最初运行IOS3的IPhone 3GS有得到一个已经超过了15000的分值——是如此低的性能,与2009年的桌面浏览器有20倍的差距。


5 Myths about Mobile Web Performance


  然而,如果你把Iphone 3GS升级到了IOS4,5或者6,你将会在相同的硬件设备上提升4倍的JavaScript性能。(性能提高最大的是使用Nitro引擎的IOS4 和IOS5之间)SunSpider继续在性能不断提升的SunSpider上测试,但我们任低于那些NDA。与当今的桌面浏览器相比,边缘的移动浏览器的约慢5倍——与2009年相比却有30倍的提升


  想了解更多ISO软硬件方面的改进,参见去年十月AnandTech的评论


  Android平台也有类似层次的改进。在我们的实验室里,我们组建了一个过去的三年里Android平台的集合,我们认为它们代表了典型的高端配置。我们测试了四部手机:


  • Samsung Captivate Android 2.2 (2010年7月发布)
  • Droid Bionic Android 2.3.4 (2011年9月发布)
  • Samsung Galaxy Note 2 Android 4.1.2 (2012年9月发布)
  • Samsung Galaxy S4 Android 4.2.2 (2013年4月发布)


  正如你在下面看到的,这是一张过去的四年里SunSpider得分曲线,一个戏剧性的改善。从Android 2.x到Android 4.x性能有3倍的改善。

5 Myths about Mobile Web Performance


  在这两种情况下,改进都比我们依据摩尔定律预测的好得多。在过去的3年里,我们期待一个4倍的提升(2倍每18个月),所以软件肯定是导致性能的改善的要因。


  测试关键因素


  正如我们前面所提到的,SunSpider已成为一个不那么吸引人的基准因为它与应用程序的性能的联系微弱。相反,DOM交互基准以及Canvas和SVG基准可以在用户体验方面告诉我们更多。(理想情况下,我们还会像开到CSS动画帧频一样看到CSS属性的变化,过渡和转换-因为这是经常在Web应用中使用的-但现在仍没有在手机上方便测量这些量的方法。)


  首先试一下DOM交互测试:我们使用Dromaeo Core DOM作为基准测试。下面是我们四部手机的测试结果,我们对Captivate性能索引所有的核心DOM(属性,修改,查询,遍历),然后取4个核心DOM指数的平均值。


5 Myths about Mobile Web Performance


酷毙

雷人

鲜花

鸡蛋

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

最新评论

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

返回顶部