Android webview slow

Question

My android webviews are slow  This is on everything from phones to 3 0  tablets with more than adequate specs  I know that webviews are supposed to be  limited  but I see web apps done with phone gap that must be using all sorts of CSS3 and JQuery sorcery  they run just fine and speedy  so I m missing something  is there some kind of myWebview SPEEDHACK 1  that I can use to speed things up    also  sometimes the contents of my webview just simply don t load  instead of slowly loading  it just wont load  The asset I am testing with is stored locally  no errors

User · Answer

I tried all the proposals to fix the render performance problem in my phonegap app. But nothing realy worked.

Finally, after a whole day of searching, I made it. I set within the tag (not the tag) of my AndroidManifest

<application android:hardwareAccelerated="false" ...

Now the app behaves in the same fast way as my webbrowser. Seems like, if hardware acceleration is not always the best feature...

The detailed problem I had: https://stackoverflow.com/a/24467920/3595386

User · Answer

If there s only some few components of your webview that is slow or laggy  try adding this to the elements css   transform  translate3d 0 0 0   -webkit-transform  translate3d 0 0 0     This has been the only speedhack that really had a effect on my webview  But be careful not to overuse it   you can read more about the hack in this article

User · Answer

It depends on the web application being loaded  Try some of the approaches below   Set higher render priority  deprecated from API 18     webview getSettings   setRenderPriority RenderPriority HIGH     Enable disable hardware acceleration   if  Build VERSION SDK INT  gt   Build VERSION CODES KITKAT           chromium  enable hardware acceleration     webView setLayerType View LAYER TYPE HARDWARE  null     else          older android version  disable hardware acceleration     webView setLayerType View LAYER TYPE SOFTWARE  null       Disable the cache  if you have problems with your content    webview getSettings   setCacheMode WebSettings LOAD NO CACHE

User · Answer

The solution for us was the opposite  We disabled hardware acceleration on the WebView only  rather than on the entire app in the manifest  by using this code   if  Build VERSION SDK INT  gt   11       webview setLayerType View LAYER TYPE SOFTWARE  null       CSS3 animations are smoother now  We are using Android 4 0   More info here  https   code google com p android issues detail id 17352

User · Answer

I was having this same issue and I had to work it out  I tried these solutions  but at the end the performance  at least for the scrolling didn t improve at all  So here the workaroud that I did perform and the explanation of why it did work for me   If you had the chance to explore the drag events  just a little  by creating a  MiWebView  Class  overwriting the  onTouchEvent  method and at least printed the time in which every drag event occurs  you ll see that they are separated in time for  down to  9ms away  That is a very short time in between events   Take a look at the WebView Source Code  and just see the onTouchEvent function  It is just impossible for it to be handled by the processor in less than 9ms  Keep on dreaming      That s why you constantly see the  Miss a drag as we are waiting for WebCore s response for touch down   message  The code just can t be handled on time   How to fix it  First  you can not re-write the onTouchEvent code to improve it  it is just too much  But  you can  mock it  in order to limit the event rate for dragging movements let s say to 40ms or 50ms   this depends on the processor    All touch events go like this  ACTION DOWN -  ACTION MOVE      ACTION MOVE -  ACTION UP  So we need to keep the DOWN and UP movements and filter the MOVE rate  these are the bad guys    And here is a way to do it  you can add more event types like 2 fingers touch  all I m interested here is the single finger scrolling    import android content Context  import android view MotionEvent  import android webkit WebView    public class MyWebView extends WebView       public MyWebView Context context            super context              TODO Auto-generated constructor stub            private long lastMoveEventTime   -1      private int eventTimeInterval   40        Override     public boolean onTouchEvent MotionEvent ev             long eventTime   ev getEventTime            int action   ev getAction             switch  action               case MotionEvent ACTION MOVE                    if   eventTime - lastMoveEventTime   gt  eventTimeInterval                       lastMoveEventTime   eventTime                      return super onTouchEvent ev                                     break                            case MotionEvent ACTION DOWN              case MotionEvent ACTION UP                    return super onTouchEvent ev                                   return true            Of course Use this class instead of WebView and you ll see the difference when scrolling   This is just an approach to a solution  yet still not fully implemented for all lag cases due to screen touching when using WebView  However it is the best solution I found  at least for my specific needs

User · Answer

Adding this android hardwareAccelerated  true  in the manifest was the only thing that significantly improved the performance for me  More info here  http   developer android com guide topics manifest application-element html hwaccel

User · Answer

If you are binding to the onclick event  it might be slow on touch screens   To make it faster  I use fastclick  which uses the much faster touch events to mimic the click event

User · Answer

Try this   mWebView setLayerType View LAYER TYPE HARDWARE  null

User · Answer

None of those answers was not helpful for me   Finally I have found reason and solution  The reason was a lot of CSS3 filters  filter  -webkit-filter    Solution  I have added detection of WebView in web page script in order to add class  lowquality  to HTML body  BTW  You can easily track WebView by setting user-agent in WebView settings  Then I created new CSS rule  body lowquality     filter  none  important

User · Answer

I think the following works best   if  Build VERSION SDK INT  gt   Build VERSION CODES KITKAT        webView setLayerType View LAYER TYPE HARDWARE  null     else       webView setLayerType View LAYER TYPE SOFTWARE  null       Android 19 has Chromium engine for WebView  I guess it works better with hardware acceleration

[android] Android webview slow

Examples related to android

Examples related to performance

Examples related to webview