javascript - 引用磁盘上的图像时 Cordova 中的短暂(500 毫秒？)延迟

Question

在本例中，我使用的是持久存储。我注意到图像(即使是非常低分辨率的图像，如 40 KB 和 300x300px)具有大约 500 毫秒的“强制”加载延迟。当然，作为 Javascript，我可以预加载我将要使用的所有图像，但这会减少内存使用。我也可以在加载新页面之前预加载图像，但这有点麻烦。我不确定是否有一些技巧可以消除或减少这种延迟。

我正在使用运行 Chrome 39.0.2171.71 的 Cordova/Crosswalk (crosswalk-cordova 10.39.235.13-arm)。

有什么想法可以让这一切变得更快和/或尽可能即时吗？

Answer 1

你有图片的文件路径还是每次都需要使用文件系统访问它？

当我每次想要加载图像时从文件系统获取图像时，我遇到了类似的问题。然而，在文件系统上保留每个图像的字典(给它一个 id)及其完整的 url，并且每次都从字典而不是文件系统中获取 url，这使得它的加载速度显着加快。

如果这对您来说仍然太慢，您还有其他 2 个实际解决方法，您的选择应取决于您的应用业务:

1. 在加载实际图像之前显示占位符图像。

2. 延迟显示带有图像的整个屏幕 500 毫秒。与丢失图像相比，延迟对用户来说不会那么烦人。