Json客户端Cache提高Web性能

核心提示： 2.JsonCache更新比较方便，比 HardCode灵活，Json客户端Cache提高Web性能(4)，和Ajax相比减轻了服务器端的压力，校内网的这种二级联动菜单，生成JsonCache的js文件，用户访问过这个.js文件后，完全可以HardCode直接写成固定的Html和 JavaScr

2.　　JsonCache更新比较方便，比 HardCode灵活，和Ajax相比减轻了服务器端的压力。校内网的这种二级联动菜单，完全可以HardCode直接写成固定的Html和 JavaScript。但是当大学信息更新时，就比较麻烦了，如果使用Ajax，每次操作都会请求服务器，服务器端的压力会比较大。校内网的大学信息应该不会只在一个.js文件中维护。估计也是存储在数据库中，当执行某个脚本或者某个生成程序后，那个.js文件也就生成了。

JsonCache的缺点

1．　　使用JsonCache提高了页面中JavaScript的复杂度。由于需要对JsonCache进行查找遍历，需要写对应的JavaScript，查询JsonCache对象，增加了页面的复杂度，增加了页面的维护成本。

2．　　如果JsonCache中存储了中文，可能需要对JsonCache对象编码，保证中文可以正常显示。

什么场景下使用JsonCache比较好

1.　　JsonCache 是一种Cache机制，Cache的命中率越高越好。在校内网这个实例中Cache的命中率是100%。所有的数据都没有从Server端取，都直接从 JsonCache中取得。JsonCache最好缓存长期不变，并且数据关系并不复杂的数据内容。

2.　　JsonCache和 Ajax联合使用，开始JsonCache没有内容，当用户要去看某些内容时，用Ajax请求取得，操作Dom展示给用户同时放入JsonCache。下次用户再次要看这部分内容的时候从JsonCache中取得，不发Ajax请求到Server端取。比较合适的应用实例：某些新闻或者个人博客首页，开始只列出每条新闻的摘要，当用户点击某条新闻的详细时，才从服务器取得新闻的全文，此时用户可以点击收起此新闻，当用户再次点击展开此新闻时，从 JsonCache中取得。

3.　　JsonCache和服务器端缓存的JsonCache .js文件自动更新联合使用。服务器端的数据存放在数据库中，当数据更新后，生成JsonCache的js文件，用户访问过这个.js文件后，缓存到客户端浏览器。

本文示例源代码或素材下载