Blog Logo

App高性能优化之Crosswalk

写于2016-02-21 06:23 阅读耗时3分钟 阅读量


大家现在应该都知道常规Cordova是利用系统自带的webview来渲染一个html页面来模拟App效果的,但是在Android上面这个webview是个一等残废----性能残废,功能也残废。 所以就有人想了,能不能让Cordova自己带一个性能强悍的webview,让这个HTML页面跑在自带的webview里面。 嗯,有人想到,也有人做的了。Crosswalk,一个性能更加牛叉的webview(依然是Intel出品),在Android平台上面你可以把它打入到你的Cordova App中。


安装 Crosswalk WebView 插件

sudo cordova plugin add cordova-plugin-crosswalk-webview

要不要crosswalk

到底要不要crosswalk,首先我们先来分析一下利弊。

打入crosswalk好处:

  • 性能会带来一定的提升(尤其是当你的App展示的都是图片的时候,或者你的App优化的不够好的时候)。
  • 一致性。这是使用crosswalk的最大好处,你只需要针对一个安卓系统版本开发,不需要考虑其他版本的安卓系统,这个可以减少不少的工作量。

打入crosswalk坏处:

  • 体积立马变得庞大。一起玩吧App不打入crosswalk的时候只有不到1.3M大小,打入crosswalk后,立马增加到20M。
  • 下载时间变长。破坏了不打入crosswalk时候的秒下载特点。
  • 下载后安装时间变长。破坏了不打入crosswalk时候的秒安装特点。
  • app启动时间变长。破坏了不打入crosswalk时候的秒启动特色。(实测“一起玩吧App”启动时间大约增加了3~5秒)。

要不要建议

如果你的App优化足够好,滚动的列表数据比较简单(例如没有比较大的图片),那么你的App要crosswalk和不要crosswalk性能区别不大。这时如果你想追求”秒下载,秒安装,秒启动“,那么你可以不打入crosswalk。 OK,如果不满足上述条件,那么你可以考虑打入crosswalk。 如果市场上面没有出现和你同类的App的时候,这个时候就不要犹豫了,直接打入crosswalk吧。


crosswalk打入时间

在开发的时候,我们一开始最好不要打入crosswalk,因为打入crosswalk部署到真机调试时间增加不少。 先利用Android4.4+手机(Android4.4+的webview引擎核心和crosswalk是一样的,只不过crosswalk开发进度更快,对html5实现也比较完善等等)开发好了,再打入crosswalk做最后的调试和发布。

关于”App高性能优化“的讲解就全部分享完了。

Headshot of Maxi Ferreira

怀着敬畏之心,做好每一件事。