Warum ist Cordova langsam sogar für CSS-Transformationen?

Question

Ich habe eine anspruchsvolle Hybrid-App mit Cordova gebaut und habe festgestellt, dass es im Allgemeinen langsamer ist als wenn ich die Website in mobilen Chrome laufen lasse. Einige Argumente, die ich gehört habe, das nicht für mich Sinn machen:

1. CSS-Animationen in Mobile sind langsam (wenn dies der Fall wäre, würde die Website läuft langsam in mobilen Chrom zu, was nicht wahr ist)

2. cordova oben auf Chrom kann

Hat cordova standardmäßig beschränkt die Menge an gpu Chrom verwendet gebaut wird (CSS-Transformationen einfach gut haben sollten, sie mit cordova nichts zu tun, Chrom sollte in der Lage sein, zu machen) ? Gibt es einige Einstellungen, die ich optimieren kann, um die CSS-Übergangsleistung zu verbessern?

Answer 1

Chrome verwenden Sie die GPU nur, wenn Sie ihn verwenden möchten.

Ein Beispiel:

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

nicht mit der GPU übertragen werden. Stattdessen die GPU zur Arbeit zu zwingen, könnten Sie verwenden:

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

für weitere Informationen finde ich ein cool article about it.

Ich weiß nicht, ob Sie noch etwas anderes tun können.

Ich denke, WebView sind nur ein Teil von Chrom nach Kit-Kat. Darüber hinaus läuft Ihre App nicht in derselben Umgebung, wenn Sie sie in Chrome debuggen als "kompiliert" als Cordova-Anwendung. In der Tat, cordova fügen Sie einen Wrapper um Ihre Webansicht, Plugins Funktionen hinzufügen, die Chrom nicht tun müssen, etc ...

Hope that help.