Javascript HTML5画布在少数android移动设备上的性能很慢

Javascript HTML5画布在少数android移动设备上的性能很慢,javascript,html,performance,html5-canvas,Javascript,Html,Performance,Html5 Canvas,我有一张使用HTML5画布开发的图表,它在Nexus 5上运行正常,但在类似的系列设备上运行非常差 由于我们遵循大多数最佳实践来实现图表,LG G3具有非常高的分辨率(1440x2560像素,约558dpi);为了提高性能,我以低分辨率渲染画布。 但这并没有多大帮助 上面的测试在上运行 桌面Chrome,每秒约240帧 iPhone6的每秒速度约为180帧 Nexus 5,每秒约108帧 LG G3,每秒约69帧 和分辨率较低的相同测试(原稿的一半): Nexus 5,每秒约140帧

我有一张使用HTML5画布开发的图表,它在Nexus 5上运行正常,但在类似的系列设备上运行非常差

由于我们遵循大多数最佳实践来实现图表,LG G3具有非常高的分辨率(1440x2560像素,约558dpi);为了提高性能,我以低分辨率渲染画布。 但这并没有多大帮助

上面的测试在上运行

  • 桌面Chrome,每秒约240帧
  • iPhone6的每秒速度约为180帧
  • Nexus 5,每秒约108帧
  • LG G3,每秒约69帧
和分辨率较低的相同测试(原稿的一半):

  • Nexus 5,每秒约140帧
  • LG G3,每秒80帧左右
我希望LG G3至少能以低分辨率达到Nexus 5的数字,但事实并非如此

所以我的问题是,我还能做些什么来提高LG G3或类似执行设备上的canvas性能?
我不是在寻找任何建议,例如,使用多个画布或代码最佳实践或画布最佳实践(避免使用fillText、使用fillRect等),因为我已经遵循了这些建议。

您使用了setInterval或setTimer吗?改用requestAnimationFrame。性能将显著提高。我正在原始图表中使用requestAnimationFrame。然后我建议您阅读以下文章:@modernator,感谢链接,似乎很有帮助。虽然我还没有读到所有这些。