Android web görünümü yavaş

Benim android webviewsyavaşım. Bu, telefonlardan 3.0+tabletlere, yeterli özelliklerden daha fazlasını içeren her şeyde

Web görüntülemelerinin "sınırlı" olması gerektiğini biliyorum, ancak her türlü CSS3ve JQuerybüyücülük kullanması gereken telefon boşluğu ile yapılan web uygulamalarını görüyorum , sadece iyi ve hızlı çalışıyorlar

yani bir şey eksik, myWebview.SPEEDHACK(1)işleri hızlandırmak için kullanabileceğim bir tür var mı?

Ayrıca, bazen web görünümümün içeriği sadece yüklemez, yavaşça yüklemek yerine, sadece yüklemez. Test ettiğim varlık yerel olarak saklanıyor, hata yok.

Yüklenen web uygulamasına bağlıdır. Aşağıdaki yaklaşımlardan bazılarını deneyin:

Daha yüksek oluşturma önceliği belirleyin (API 18+'den kaldırılmıştır):

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

Donanım hızlandırmayı etkinleştirme / devre dışı bırakma:

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

Önbelleği devre dışı bırakın (içeriğinizle ilgili sorun yaşıyorsanız):

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

Bunu android:hardwareAccelerated="true"manifest'e eklemek , performansı benim için önemli ölçüde artıran tek şeydi

Daha fazla bilgi burada: http://developer.android.com/guide/topics/manifest/application-element.html#hwaccel

Bizim için çözüm tam tersiydi. Bu kodu kullanarak donanım hızlandırmayı yalnızca WebView'da (manifest'teki tüm uygulama yerine) devre dışı bıraktık:

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

CSS3 animasyonları artık daha akıcı. Android 4.0 kullanıyoruz.

Daha fazla bilgi burada: https://code.google.com/p/android/issues/detail?id=17352

Bence aşağıdakiler en iyi sonucu verir:

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 için Chromium motoruna sahiptir. Sanırım donanım hızlandırma ile daha iyi çalışıyor.

Aynı sorunu yaşıyordum ve çözmek zorunda kaldım. Bu çözümleri denedim, ancak sonunda performans, en azından kaydırma için hiç iyileşmedi. Burada yaptığım geçici çözüm ve bunun benim için neden işe yaradığının açıklaması.

Bir "MiWebView" Sınıfı oluşturarak, "onTouchEvent" yönteminin üzerine yazarak ve en azından her sürükleme olayının gerçekleştiği zamanı yazdırarak sürükleme olaylarını keşfetme şansınız varsa, bunların ayrıldığını göreceksiniz 9ms uzakta (aşağı) kadar zamanında. Olaylar arasında çok kısa bir zaman.

WebView Kaynak Koduna bir göz atın ve sadece onTouchEvent işlevine bakın. İşlemci tarafından 9 ms'den daha az bir sürede ele alınması imkansızdır (Hayal kurmaya devam edin !!!). Bu yüzden sürekli "WebCore'un temasa yanıtını beklerken bir özledim özledim" görüyorsunuz. İleti. Kod zamanında işlenemez.

Nasıl düzeltebilirim? İlk olarak, iyileştirmek için onTouchEvent kodunu yeniden yazamazsınız, çok fazladır. Ancak, sürükleme hareketleri için olay hızını 40ms veya 50ms olarak sınırlamak için "alay edebilirsiniz". (bu işlemciye bağlıdır).

Tüm dokunma etkinlikleri şu şekildedir: ACTION_DOWN -> ACTION_MOVE ...... ACTION_MOVE -> ACTION_UP. Bu yüzden AŞAĞI ve YUKARI hareketlerini korumamız ve MOVE oranını filtrelememiz gerekiyor (bunlar kötü adamlar).

Ve işte bunu yapmanın bir yolu (2 parmak dokunuşu gibi daha fazla olay türü ekleyebilirsiniz, burada ilgilendiğim tek şey tek parmak kaydırma).

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

Tabii ki WebView yerine bu sınıfı kullanın ve kaydırma yaparken farkı göreceksiniz.

Bu sadece bir çözüme bir yaklaşımdır, ancak WebView kullanırken ekrana dokunma nedeniyle tüm gecikme durumları için tam olarak uygulanmamıştır. Ancak, en azından özel ihtiyaçlarım için bulduğum en iyi çözüm.

Phonegap uygulamamdaki render performansı sorununu gidermek için tüm önerileri denedim. Ama hiçbir şey gerçekten işe yaramadı.

Sonunda, bütün bir arama gününden sonra başardım. AndroidManifest'imin etiketinde (etiketinde değil) ayarladım

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

Şimdi uygulama benim webbrowser ile aynı hızlı şekilde davranır. Donanım hızlandırma her zaman en iyi özellik değilse ...

Sahip olduğum ayrıntılı sorun: https://stackoverflow.com/a/24467920/3595386

Bu cevapların hiçbiri bana yardımcı olmadı.

Sonunda neden ve çözüm buldum. Nedeni çok fazla CSS3 filtresiydi (filtre, -webkit-filtre).

Çözüm

HTML gövdesine sınıf "düşük kalite" eklemek için web sayfası komut dosyasında WebView algılama ekledim. BTW. WebView ayarlarında kullanıcı aracısını ayarlayarak WebView'ı kolayca izleyebilirsiniz. Sonra yeni CSS kuralı oluşturdum

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

Web görünümünüzün yavaş veya gecikmeli olan yalnızca birkaç bileşeni varsa, bunu css öğelerine eklemeyi deneyin:

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

Bu, web görünümüm üzerinde gerçekten etkisi olan tek speedhack oldu. Ancak aşırı kullanmamaya dikkat edin! (hack hakkında daha fazla bilgiyi bu makalede okuyabilirsiniz .)

Bunu dene:

mWebView.setLayerType(View.LAYER_TYPE_HARDWARE, null);

Eğer bağlanma ise onclickolay, bu dokunmatik ekranlarda yavaş olabilir.

Daha hızlı hale getirmek için , tıklama olayını taklit etmek için çok daha hızlı dokunma olaylarını kullanan fastclick'i kullanıyorum.