cordova css dönüşümleri için bile neden yavaş?

Question

Cordova'yı kullanarak zorlu bir melez uygulama yapıyorum ve web sitesini mobil kromda çalıştırdığımda genel olarak yavaş olduğunu fark ettim. bana mantıklı değil ben duymuş Bazı argümanlar:

1. css animasyonlar mobil (bu doğru olsaydı, web sitesi doğru değil, çok mobil krom yavaş aday olacağını) yavaş

2. cordova krom üzerine inşa edilmiştir

varsayılan olarak cordova kullanabilirsiniz gpu krom miktarını sınırlar mı (css dönüşümleri Cordova ile ilgisi olmalı, krom gayet bunları işlemek mümkün olmalıdır) ? CSS geçiş performansını iyileştirmek için ayarlayabildiğim bazı ayarlar var mı?

Answer 1

Chrome, GPU'yu sadece kullanmasını istiyorsanız kullanır.

Bir örnek:

.nav-show { 
    transform:translate(200px,200px); 
    transition: transform 500ms linear; 
} 

GPU ile kılmak olmaz. Bunun yerine, işe GPU zorlamak için şunu kullanabilirsiniz:

.nav-show { 
    transform: translate3d(200px,200px,0); 
    transition: transform 500ms linear; 
} 

fazla bilgi için ben bir cool article about it buldum.

Bu konuda yapabileceğiniz başka bir şey olup olmadığını bilmiyorum.

WebView, kit-kat'tan sonra kromun sadece bir parçası. Üstelik, uygulamanız, chrome'da bir cordova uygulaması olarak "derlenmiş" den daha fazla hata ayıkladığınızda aynı ortamda çalışmıyor. Aslında, cordova web görünümü etrafında bir sarıcı eklemek, eklentileri krom yapmak zorunda değil gibi fonksiyonlar eklemek, vb ...

Bu yardım umuyoruz.