Web性能优化中，有一个利用ajax缓存。请问这个缓存具体如何操作？

Question

Web性能优化中，有一个利用ajax缓存。请问这个缓存具体如何操作？

Answer 1

加入本地存储的逻辑也可以。例如存入LocalStorage，维持一个时间戳。过期时再去请求新数据。

Answer 2

以前跟几个朋友讨论过，有几个使用经验：
方法一：针对浏览器设置过期时间，在这个时间内的请求都会先请求本地缓存的文件和数据。另外jquery的ajax请求方式可以设置是否缓存，可以充分利用该选项。
方法二：js请求限制，可以设计成多少秒以内都不响应响应的操作，过期后的操作才会有效。点击后仅返回一个仿真的结果。
方法三：ajax做dom缓存策略，比如在页面放一个不可见的textarea,请求过来的数据同时写入textarea的value，并且在一定时间内（可设置）的请求只去读取textarea的内容，并将结果展示到页面上。

以上几种是我在工作汇总常用的几种方式，具体操作需要根据实际业务场景进行取舍。切勿生搬硬套。

Answer 3

具体可以参考《高性能网站建设指南》这本书的第14章的介绍。