前端性能-缓存ajax结果

Web 2.0,DHTML,and Ajax

Web2.0是一个包含像应用程序富用户界面和整合多个web服务信息的概念；

DHTML允许网页加载完成后，改变html页面，这是通过js和css与浏览器DOM交互完成的。

Ajax 在UI和web服务器之间增加了一个层，Ajax层驻留在客户端，与web服务器请求获取到信息，与表现层交互只更新必要的部分。

优化Ajax请求

优化ajax请求，最重要的方法是缓存ajax响应。13条优化规则中的一些在ajax请求优化中也适用:

• Rule4: Gzip Components
• Rule9: Reduce DNS Loopups
• Rule10: Minify Javascript
• Rule11: Avoid Redirects
• Rule13: ETags - Use'Em or Lose'Em

缓存 Ajax

缓存ajax不是只使用浏览器缓存机制(设置缓存相关响应头字段)就可以了，因为ajax响应的内容往往是动态变化的，需要确保在响应内容改变的情况下，使缓存失效。一个简单的解决办法是在请求url上添加查询字符串。

比如Google Spreadsheets 后台会在响应内容最后被修改的时候生成一个时间戳，并把它嵌入到ajax请求的查询字符串中：
/ar?id=[snip...]&srow=0&erow=100&t=1177458941