javascript - 如何在android webview中优化渲染速度

Question

有没有可能提高 webview 的渲染速度？使用简单的 innerHTML 显示内容需要将近 1 秒，尽管 js 渲染需要几毫秒。使用 IOS，即使使用性能较差的硬件，完全相同的代码也能快速完美地运行。

在 Android 下测试:2.3、3.2、4.0(Desire HD、Galaxy Nexus、Galaxy Tab)IOS:4、5(iPhone 3gs、4)

感谢任何有用的回复!

Answer 1

您可以尝试以下几种方法:

• 通过将 android:hardwareAccelerated="true" 添加到 Android list 文件中的应用程序或 Activity 标记来打开硬件加速。更多信息:http://developer.android.com/guide/topics/graphics/hardware-accel.html

• 修改webview的RenderPriority - http://developer.android.com/reference/android/webkit/WebSettings.RenderPriority.html

• 优化您的 javaScript 和 CSS 以最小化回流次数、使用的内存和 DOM 大小 - http://www.html5rocks.com/en/mobile/mobifying.html#toc-optimizations

就我个人而言，我发现保持 DOM 尽可能小，并启用硬件加速，是一个无法使用的应用程序和一个相当流畅的应用程序之间的所有区别。