2013-06-29 46 views
0

我目前正在开发一个项目,其中包含一项与多项功能的聊天工作。随着用户在聊天交谈,数据被通过Javascript附加到聊天视图<div>像这样:如何防止Google Chrome多次请求同一张图片?

 
document.getElementById("chatview").innerHTML += "Chat message layout and content here."; 

当用户编辑旧消息,我使用的图标,以显示该消息已在过去已经被修改。无论何时将新字符串附加到聊天视图<div>的HTML中,即使所有图像都指向相同的URL,所有<img>也会从服务器重新加载并请求。

如何防止这种不必要的带宽?

+0

使用jquery/ajax来执行异步加载。这将加载指定的数据而不是整个页面 –

+2

你确定它没有说重复拉动“从缓存”?或者您的缓存已禁用... – dandavis

+0

不是来自缓存,Chrome表示随着每个新聊天消息,网络数据传输量都会增加。 – dylanweber

回答

0

可能是从您的服务器发送的HTTP标头有问题。确保它是可缓存的,而不是从HTTPS加载。

+0

不,那不是。所有内容均通过HTTPS托管,Chrome表示URL为https:// *。 – dylanweber

+1

由于浏览器不缓存HTTPS,这可能是原因。尝试使用CSS精灵来查看它是否有帮助。 –