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