我目前正在开发一个项目,其中包含一项与多项功能的聊天工作。随着用户在聊天交谈,数据被通过Javascript附加到聊天视图<div>
像这样:如何防止Google Chrome多次请求同一张图片?
document.getElementById("chatview").innerHTML += "Chat message layout and content here.";
当用户编辑旧消息,我使用的图标,以显示该消息已在过去已经被修改。无论何时将新字符串附加到聊天视图<div>
的HTML中,即使所有图像都指向相同的URL,所有<img>
也会从服务器重新加载并请求。
如何防止这种不必要的带宽?
使用jquery/ajax来执行异步加载。这将加载指定的数据而不是整个页面 –
你确定它没有说重复拉动“从缓存”?或者您的缓存已禁用... – dandavis
不是来自缓存,Chrome表示随着每个新聊天消息,网络数据传输量都会增加。 – dylanweber