在转换为视图时提高位图图像解码的性能

Question

我正在开发一个应用程序，它涉及将幻灯片转换为视图作为主要导航机制。第一张幻灯片涉及几张超强的PNG，大约2000px的平方与透明胶片，并且当图像进入视野时会出现明显的帧率断续续续。

使用Chrome开发工具的时间轴功能我已经确定，虽然大多数单独的Paint任务每个都花费不到5毫秒，但重要的异常值是那些其子任务包括解码PNG的Paint事件，这需要50到100毫秒之一在另一个之后，似乎现在可以看到图像了。

理想情况下，我想提前解码位图，但我想不出一种强制这种行为的方法，而不实际在视图中呈现它们。有什么想法吗？

Answer 1

如果瓶颈正在解码，则将图像预渲染到画布，然后将这些预渲染的画布绘制到视图画布或使用CSS翻译它们。