为什么科尔多瓦甚至对css变换都很慢？

Question

我一直在使用cordova构建一个要求苛刻的混合应用程序，并注意到与我在移动设备上运行网站时相比，它通常很慢。我听到的一些论据对我来说没有意义：

1. 移动设备中的css动画很慢（如果这是真的，那么网站在移动设备上也会运行缓慢，这不是真的）

2. cordova是建立在chrome之上的（css转换应该与cordova无关，chrome应该能够很好地渲染它们）

cordova默认是否限制gpu chrome可以使用的数量？是否有一些我可以调整以改善css过渡性能的设置？

Answer 1

只有当您希望他使用GPU时，Chrome才会使用GPU。

一个例子：

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

不会使用GPU渲染。相反，要强制GPU工作，您可以使用：

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

有关详细信息，我找到了cool article about it。

我不知道你还能做些什么。

我认为，WebView只是kit-kat之后的一部分。此外，当您在Chrome上调试它时，您的应用程序不会在同一个环境中运行而不是＆＃34;编译＆＃34;作为cordova应用程序。事实上，cordova在你的webview周围增加了一个包装，插件添加了chrome不必做的功能等等......

希望有所帮助。