志凡'S BLOG

这个案例说来很简单，但是优化无非就是细节处理，一步一步的改进。

案例地址：http://www.273.cn/sale/attachs.php?id=1389561&objectId=1400535

功能概述：当前大图显示，上一张 下一张  小图列表

1.sql查询优化

原始代码情况：

1.查询列表

2.查询当前图片信息

3.查询上一张

4.查询下一张

原来的代码查询了数据库4次，我们可以考虑下这样做太夸张了，其实2，3，4的信息在1的查询结果中里存在的，也就是说可以直接省去下面三次的查询，通过算法来从1.结果中得到：

具体代码近期公布。

2.页面跳转改成前端js处理

原来的小图链接 上一张 下一张都是链接。也就是每看一张图都要重新请求服务器并查询数据库，所以链接改成js事件处理，这样每看一张图只需要下载大图片就行了，这样如果有四张图，原来4pv就减少为1Pv了。

现在的效果就在这个阶段。

3.生成静态页

因为这个图片信息变化的可能性很小完全可以静态化，具体没啥可说的了。

如果说从最初阶段到最3步优化全部做完，整体性能可以提高500%以上。