html5[1]:优化Android Webview性能

  1. 尽量少用position:relative

    做一个OTO项目时,页面上下滑动时,颤抖的很厉害;

    页面中主要是图片比较多,开始以为是图片多的原因,但是把所有图片都不加载,还是颤抖;

    后来,去掉所有外部的css,立即就好了,经过分析,CSS也都非常简单,只有position这个属性引起了我的注意,最后,注释掉全部的position属性,滑动还是很流畅,说明问题就出在此了;

    最后,经过逐个排查,竟然是一个footer元素的position:relative引起的,去掉之后,滑动非常流畅,界面布局依然正常,说明这个属性基本没用。

  2. 尽量使用带webkit前缀的css属性,这些属性是经过优化的
    比如:webkit-scrollbar、
    -webkit-overflow-scrolling : touch; This allows us to build applications with a more native feel without needing to resort to a third party plugin.

 

posted @ 2015-01-19 23:09  静候良机  阅读(4589)  评论(0编辑  收藏  举报