Javascript HTML5画布在少数android移动设备上的性能很慢
我有一张使用HTML5画布开发的图表,它在Nexus 5上运行正常,但在类似的系列设备上运行非常差 由于我们遵循大多数最佳实践来实现图表,LG G3具有非常高的分辨率(1440x2560像素,约558dpi);为了提高性能,我以低分辨率渲染画布。 但这并没有多大帮助 上面的测试在上运行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帧
- 桌面Chrome,每秒约240帧
- iPhone6的每秒速度约为180帧
- Nexus 5,每秒约108帧
- LG G3,每秒约69帧
- Nexus 5,每秒约140帧
- LG G3,每秒80帧左右
我不是在寻找任何建议,例如,使用多个画布或代码最佳实践或画布最佳实践(避免使用fillText、使用fillRect等),因为我已经遵循了这些建议。您使用了setInterval或setTimer吗?改用requestAnimationFrame。性能将显著提高。我正在原始图表中使用requestAnimationFrame。然后我建议您阅读以下文章:@modernator,感谢链接,似乎很有帮助。虽然我还没有读到所有这些。