在客户端缓存中寻找解决方案

Question

我们在网页中提供地图（就像谷歌地图一样），当用户放大/缩小，移动地图时，我们需要向服务器发出请求以获取一些信息，因此请求事件将是如此频繁，它会降低用户动作的速度，例如，当用户移动地图时，他/她会注意到它不是很顺畅，所以我想知道是否有一些客户端缓存的out-of-box sloution？

Answer 1

我想这取决于你的Map是如何实现的。这个图像是要缓存吗？如果它们是http请求的结果，那么如果您的内容可以缓存并且具有合适的到期时间，则浏览器缓存将阻止对相同内容的重复请求。

或者也可以利用HTML5本地存储，但如果是缓存的图像数据，则必须将其转换为base64 ascii，因为本地存储只允许将文本数据作为值。 / p>

Answer 2

PersistJS可能就是你要找的东西。

Answer 3

您需要结合多种技术为用户创造更流畅的体验。

一些想法：

• 使用javascript（Example）
预取图片
• 使用图像映射或CSS精灵来减少对服务器发出的请求数
• 调整图片的标题以优化浏览器将其保留在缓存中的方式
• 使用并行域（Example）
将图像存储在不同的域中以加快下载时间
• 使用更好的压缩算法缩小图像大小

将图像存储在用户的计算机上并不是一个好主意。