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.

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM