html5[1]:优化Android Webview性能
2015-01-19 23:09
288 查看
尽量少用position:relative
做一个OTO项目时,页面上下滑动时,颤抖的很厉害;
页面中主要是图片比较多,开始以为是图片多的原因,但是把所有图片都不加载,还是颤抖;
后来,去掉所有外部的css,立即就好了,经过分析,CSS也都非常简单,只有position这个属性引起了我的注意,最后,注释掉全部的position属性,滑动还是很流畅,说明问题就出在此了;
最后,经过逐个排查,竟然是一个footer元素的position:relative引起的,去掉之后,滑动非常流畅,界面布局依然正常,说明这个属性基本没用。
尽量使用带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.
做一个OTO项目时,页面上下滑动时,颤抖的很厉害;
页面中主要是图片比较多,开始以为是图片多的原因,但是把所有图片都不加载,还是颤抖;
后来,去掉所有外部的css,立即就好了,经过分析,CSS也都非常简单,只有position这个属性引起了我的注意,最后,注释掉全部的position属性,滑动还是很流畅,说明问题就出在此了;
最后,经过逐个排查,竟然是一个footer元素的position:relative引起的,去掉之后,滑动非常流畅,界面布局依然正常,说明这个属性基本没用。
尽量使用带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.
相关文章推荐
- Android WebView 性能优化
- android webview性能优化
- Android WebView:性能优化不得不说的事
- android WebView性能优化
- Android WebView:性能优化
- android webview常见问题与性能优化
- Android WebView: 性能优化不得不说的事
- Android Webview 性能优化
- 提升html5的性能体验系列之五webview启动速度优化及事件顺序解析]
- Android利用convertView优化ListView性能
- Android View 性能优化
- Android 性能优化 三 布局优化ViewStub标签的使用
- android之 listview加载性能优化ViewHolder
- android WebView html5 使用本地存储
- 【Android Training UI】创建自定义的Views(Lesson 4 - 优化View的性能)
- 基于Android Webview的Hybrid App开发的前端优化
- Android webview全屏播放HTML5中的视频
- Android WebView使用实例(html5、文件下载和远程URL)
- android WebView加载html5介绍【转】
- Android学习之 listview加载性能优化ViewHolder