小细节大改变：用户信息缓存以及其他几点ajax请求的优化

关于鼠标划过用户提示用信息弹层，本站点是通过 ajax 请求查找用户id 返回用户信息的方式来实现的，有几点细节：

1.一条微博里面有大量的@；

2.同一页面有很多同一用户的提示层；

显然当这两个条件都满足时，势必会产生过多冗余的ajax请求，增加了服务器和流量的浪费，那么该如何解决呢？

关于第一个条件解决方案稍微明显一些：

即鼠标滑离当前用户区域 或 鼠标滑入另外一个用户热区 时，终止当前的请求。这样基本可以小幅的减小对服务器的请求数。效果还算明显，另外还会解决返回信息错误的问题（因为前一个用户的请求还未终止，这时鼠标已经触发另外一个用户的请求）；

好了，第一个条件似乎是做出了最大最合理的优化，那么对于第2条呢？：

当页面环境满足了第二个条件，基本上就是对同一个请求进行了多次提交。之前我一直忽视了这个细节，今天 @志良 给出了一个解决方案，即缓存住已经请求过的缓存：即以用户id为key 以ajax返回的结果为value 存到一个全局的对象中，每次发出请求之前先去这个对象中查找时候有这个id，如果没有急发出请求，并存储对应的结果。思路并不复杂很容易实现，但实际效果却非常理想，ajax的请求大量的减少了，如果是在用户的主页，请求数几乎为原来的 1 / n  。如此优化请求数被大大减小了，服务器的压力得到了很好的缓解。

小细节，大改变，身边的细节值得留意和思考。

 

转载于:https://www.cnblogs.com/dirts/archive/2012/10/18/2729528.html