Android WebViewが遅い

私android webviewsは遅いです。これは、電話から3.0+タブレットまで、十分なスペック以上のものにすべてあります

私はwebviewsが「制限」することになっていることを知っているが、私はウェブは、電話のすべての種類を使用している必要があり、ギャップで行われたアプリを参照CSS3し、JQuery魔術、彼らはうまくかつ迅速に実行します

何かが足りないのですが、myWebview.SPEEDHACK(1)スピードアップに使用できるものはありますか？

また、時々、私のwebviewのコンテンツが単にロードされないだけで、ゆっくりとロードされるのではなく、ロードされません。私がテストしているアセットはローカルに保存され、エラーはありません。

ロードされるWebアプリケーションによって異なります。以下のアプローチのいくつかを試してください。

より高いレンダリング優先度を設定します（API 18以降では非推奨）：

webview.getSettings().setRenderPriority(RenderPriority.HIGH);

ハードウェアアクセラレーションを有効/無効にします。

if (Build.VERSION.SDK_INT >= 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);
}

キャッシュを無効にします（コンテンツに問題がある場合）：

webview.getSettings().setCacheMode(WebSettings.LOAD_NO_CACHE);

これandroid:hardwareAccelerated="true"をマニフェストに追加することで、パフォーマンスが大幅に向上しました

詳細はこちら：http : //developer.android.com/guide/topics/manifest/application-element.html#hwaccel

私たちの解決策は反対でした。次のコードを使用して、（マニフェストのアプリ全体ではなく）WebViewのみでハードウェアアクセラレーションを無効にしました。

if (Build.VERSION.SDK_INT >= 11){
    webview.setLayerType(View.LAYER_TYPE_SOFTWARE, null);
}

CSS3アニメーションがよりスムーズになりました。Android 4.0を使用しています。

詳細はこちら：https : //code.google.com/p/android/issues/detail?id=17352

私は次のことが最もうまくいくと思います：

if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {
    webView.setLayerType(View.LAYER_TYPE_HARDWARE, null);
} else {
    webView.setLayerType(View.LAYER_TYPE_SOFTWARE, null);
}

Android 19には、WebView用のChromiumエンジンがあります。私はそれがハードウェアアクセラレーションでよりよく機能すると思います。

私はこれと同じ問題を抱えていて、解決しなければなりませんでした。私はこれらの解決策を試しましたが、少なくともスクロールのパフォーマンスは最後にはまったく改善されませんでした。だからここで私が行ったworkaroudとそれが私のために働いた理由の説明。

「MiWebView」クラスを作成し、「onTouchEvent」メソッドを上書きして、少なくともすべてのドラッグイベントが発生する時間を出力することにより、ドラッグイベントを少しだけ調べる機会があった場合、それらが分離されていることがわかります。 9ミリ秒離れたところまで それは、イベント間の非常に短い時間です。

見てみましょうWebViewのソースコードを、そしてちょうどonTouchEvent機能を参照してください。プロセッサーが9ミリ秒未満で処理することは不可能です（夢を見続ける!!!）。そのため、「タッチダウンに対するWebCoreの応答を待機しているため、ドラッグに失敗しました」が常に表示されます。メッセージ。コードは時間どおりに処理できません。

それを修正するには？まず、onTouchEventコードを書き換えて改善することはできません。ただし、ドラッグムーブメントのイベントレートを、たとえば40ミリ秒または50ミリ秒に制限するために、「模擬」することができます。（これはプロセッサによって異なります）。

すべてのタッチイベントは、ACTION_DOWN-> ACTION_MOVE ...... ACTION_MOVE-> ACTION_UPのようになります。したがって、DOWNとUPの動きを維持し、MOVEレートをフィルタリングする必要があります（これらは悪者です）。

そして、これを行う方法があります（2本の指のタッチなどのイベントタイプをさらに追加できます。ここで興味があるのは、1本の指のスクロールだけです）。

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) > eventTimeInterval){
                    lastMoveEventTime = eventTime;
                    return super.onTouchEvent(ev);
                }
                break;
            }
            case MotionEvent.ACTION_DOWN:
            case MotionEvent.ACTION_UP: {
                return super.onTouchEvent(ev);
            }
        }
        return true;
    }
}

もちろん、WebViewの代わりにこのクラスを使用してください。スクロールすると違いがわかります。

これはソリューションへのアプローチにすぎませんが、WebViewを使用しているときに画面がタッチするため、すべての遅延ケースに対して完全に実装されていません。しかし、それは私が見つけた最良の解決策であり、少なくとも私の特定のニーズにとってはそうです。

電話ギャップアプリのレンダリングパフォーマンスの問題を修正するための提案をすべて試しました。しかし、実際には何も機能しませんでした。

最後に、丸一日の検索の後、私はそれを作りました。私はAndroidManifestのタグではなくタグ内に設定しました

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

これで、アプリは私のWebブラウザーと同じように高速に動作します。ハードウェアアクセラレーションが常に最良の機能であるとは限らないようです...

私が抱えていた詳細な問題：https : //stackoverflow.com/a/24467920/3595386

これらの答えはどれも私にとって役に立たなかった。

最後に私は理由と解決策を見つけました。その理由は、多くのCSS3フィルター（filter、-webkit-filter）でした。

解決

HTMLボディに「低品質」クラスを追加するために、WebページスクリプトにWebViewの検出を追加しました。ところで。WebView設定でユーザーエージェントを設定することにより、WebViewを簡単に追跡できます。次に、新しいCSSルールを作成しました

body.lowquality * { filter: none !important; }

遅いか遅れているウェブビューのいくつかのコンポーネントしかない場合は、要素cssにこれを追加してみてください：

transform: translate3d(0,0,0);
-webkit-transform: translate3d(0,0,0);

これは、私のWebビューに本当に影響を与えた唯一のスピードハックです。ただし、使いすぎないように注意してください。（ハックについて詳しくは、この記事をご覧ください。）

これを試して：

mWebView.setLayerType(View.LAYER_TYPE_HARDWARE, null);

にバインドしている場合 onclickイベントに場合、タッチスクリーンでは遅くなる可能性があります。

高速化するために、私はfastclickを使用します。これは、はるかに高速なタッチイベントを使用してクリックイベントを模倣します。