移动端webapp性能差主要是啥原因

这篇文章写的很好,认真读完跟题主的问题相关的有:http://252190908.iteye.com/blog/19695001、移动端的性能跟PC端,那完全不是一回事,渲染dom节点内部机制不一样。2、PC端浏览器发展多年比移动端浏览器成熟太多,产生内存泄露的几率也小很多。PC上的消耗,在移动端就会被放大的,所以不要放过过任何一个可优化的地方。
■网友
webapp模仿原生app的效果,本质上都是由CSS负责渲染的(js只是间接操控CSS)。目前,大多数CSS渲染依旧依赖于CPU,包括呈现树的生成,DOM结构的重排,图层的绘制与合并等,都涉及大规模的计算,给CPU造成极大的负担,如此就造成渲染不流畅的情况,常常表现为操作卡顿,屏幕闪烁。然而,在原生app中,它的界面渲染是交给GPU完成而非CPU,GPU作为专用的图形处理器,更适合做渲染工作,所以原生app更加流畅。如果将来的CSS能充分利用GPU(看webview的发展情况了),那性能再提高个倍许完全不成问题。
■网友
webapp如果使用浏览器打开,一般问题不大,但是如果做成APP的形式后,调用的是系统的webview,在安卓平台下,4.4以前的这个webview性能极差,而很多开发并不了解移动端的优化,大量的使用PC端的成熟库,也是导致webapp卡顿的原因之一,我最近参与的开源项目 BE-FE/iSlider · GitHub,就是专为移动端设计的,以做到最大化减少dom数量,不依赖jQuery
■网友
CSS 即使是 2D 动画也尽量用 3D 的代码实现,逼浏览器开显卡加速。


    推荐阅读