Tampilan web Android lambat

Saya android webviewslambat. Ini ada di segalanya, mulai dari ponsel hingga 3.0+tablet dengan spesifikasi lebih dari cukup

Saya tahu bahwa tampilan web seharusnya "terbatas" tetapi saya melihat aplikasi web dilakukan dengan celah telepon yang harus menggunakan semua jenis CSS3dan JQuerysihir, semuanya berjalan dengan baik dan cepat

jadi saya kehilangan sesuatu, adakah myWebview.SPEEDHACK(1)yang bisa saya gunakan untuk mempercepat?

juga, kadang-kadang isi dari tampilan web saya hanya tidak memuat, bukannya memuat perlahan, itu hanya tidak memuat. Aset yang saya uji disimpan secara lokal, tidak ada kesalahan.

Itu tergantung pada aplikasi web yang sedang dimuat. Cobalah beberapa pendekatan di bawah ini:

Tetapkan prioritas render yang lebih tinggi (ditinggalkan dari API 18+):

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

Aktifkan / nonaktifkan akselerasi perangkat keras:

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);
}

Nonaktifkan cache (jika Anda memiliki masalah dengan konten Anda):

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

Menambahkan ini android:hardwareAccelerated="true"dalam manifes adalah satu-satunya hal yang secara signifikan meningkatkan kinerja bagi saya

Info lebih lanjut di sini: http://developer.android.com/guide/topics/manifest/application-element.html#hwaccel

Solusi bagi kami adalah sebaliknya. Kami menonaktifkan akselerasi perangkat keras hanya pada WebView (bukan pada seluruh aplikasi dalam manifes) dengan menggunakan kode ini:

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

Animasi CSS3 lebih lancar sekarang. Kami menggunakan Android 4.0.

Info lebih lanjut di sini: https://code.google.com/p/android/issues/detail?id=17352

Saya pikir yang berikut ini berfungsi paling baik:

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 memiliki mesin Chromium untuk WebView. Saya kira itu bekerja lebih baik dengan akselerasi perangkat keras.

Saya mengalami masalah yang sama dan saya harus mengatasinya. Saya mencoba solusi ini, tetapi pada akhirnya kinerjanya, setidaknya untuk scrolling tidak membaik sama sekali. Jadi, inilah workaroud yang saya lakukan dan penjelasan mengapa itu berhasil bagi saya.

Jika Anda memiliki kesempatan untuk menjelajahi acara seret, hanya sedikit, dengan membuat kelas "MiWebView", menimpa metode "onTouchEvent" dan setidaknya mencetak waktu di mana setiap peristiwa seret terjadi, Anda akan melihat bahwa mereka dipisahkan dalam waktu untuk (turun ke) 9ms jauhnya. Itu adalah waktu yang sangat singkat di antara berbagai peristiwa.

Lihatlah Kode Sumber WebView , dan lihat saja fungsi onTouchEvent. Tidak mungkin untuk ditangani oleh prosesor dalam waktu kurang dari 9ms (Teruslah bermimpi !!!). Itu sebabnya Anda terus-menerus melihat "Miss a drag saat kami menunggu respons WebCore untuk mendarat." pesan. Kode tidak bisa ditangani tepat waktu.

Bagaimana memperbaikinya? Pertama, Anda tidak dapat menulis ulang kode onTouchEvent untuk memperbaikinya, terlalu banyak. Tapi, Anda bisa "mengejeknya" untuk membatasi laju acara untuk menyeret gerakan, misalnya 40ms atau 50ms. (ini tergantung pada prosesor).

Semua acara sentuh seperti ini: ACTION_DOWN -> ACTION_MOVE ...... ACTION_MOVE -> ACTION_UP. Jadi kita perlu menjaga gerakan BAWAH dan ATAS dan memfilter tingkat MOVE (ini adalah orang jahat).

Dan di sini adalah cara untuk melakukannya (Anda dapat menambahkan lebih banyak jenis acara seperti sentuhan 2 jari, yang saya tertarik di sini adalah pengguliran satu jari).

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;
    }
}

Tentu saja Gunakan kelas ini sebagai ganti WebView dan Anda akan melihat perbedaannya saat menggulir.

Ini hanya pendekatan untuk solusi, namun masih belum sepenuhnya diterapkan untuk semua kasus lag karena menyentuh layar saat menggunakan WebView. Namun itu adalah solusi terbaik yang saya temukan, setidaknya untuk kebutuhan spesifik saya.

Saya mencoba semua proposal untuk memperbaiki masalah kinerja render di aplikasi phonegap saya. Tapi tidak ada yang benar-benar berhasil.

Akhirnya, setelah seharian mencari, saya berhasil. Saya menetapkan dalam tag (bukan tag) dari AndroidManifest saya

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

Sekarang aplikasi berperilaku dengan cara yang sama cepat seperti browser web saya. Sepertinya, jika akselerasi perangkat keras tidak selalu merupakan fitur terbaik ...

Masalah terperinci yang saya miliki: https://stackoverflow.com/a/24467920/3595386

Tidak ada jawaban yang tidak membantu bagi saya.

Akhirnya saya menemukan alasan dan solusi. Alasannya adalah banyak filter CSS3 (filter, -webkit-filter).

Larutan

Saya telah menambahkan deteksi WebView dalam skrip halaman web untuk menambahkan kelas "rendah kualitas" ke tubuh HTML. BTW. Anda dapat dengan mudah melacak WebView dengan mengatur agen-pengguna di pengaturan WebView. Kemudian saya membuat aturan CSS baru

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

Jika hanya ada beberapa komponen tampilan web Anda yang lambat atau lambat, coba tambahkan ini ke elemen css:

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

Ini adalah satu-satunya speedhack yang benar-benar berpengaruh pada tampilan web saya. Tapi hati-hati jangan sampai berlebihan! (Anda dapat membaca lebih lanjut tentang retas di artikel ini .)

Coba ini:

mWebView.setLayerType(View.LAYER_TYPE_HARDWARE, null);

Jika Anda mengikat ke onclickacara tersebut, itu mungkin lambat di layar sentuh.

Untuk membuatnya lebih cepat, saya menggunakan fastclick , yang menggunakan acara sentuh yang jauh lebih cepat untuk meniru acara klik.