前端性能-缓存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

你可能感兴趣的:(前端性能-缓存ajax结果)