数据求webAPP优化解决办法

虽说图片压缩是不必说的事情，但是总会有些时候你会发现一些网站的图片尺寸很大，这个需要处理，而且必须处理。


以框架库为例，除了核心包以外，不需要的UI或者功能库可以剔除，用到了再动态加载，减少首次加载量，这个一开始就得做好，做不好后期就不好改


以业务团队为例，首次加载的js与html模板会将常用的几个页面压缩合并，其它页面访问时再请求，若是想提升首屏加载便可以只下载需要的页面文件。


另外，以下两点尤其需要注意：


① 若是你们是要的还是jQuery库的话，可以考虑换成zepto了


② 勿胡乱引用第三方库，若是要引用一定是读懂源码的情况下重写使用之，这样的好处是，吃得透，万一有问题，能改，而不是没办法又换库


缓存Ajax/localstorage


该方案的原理与前面类似，我们发送Ajax请求时候，应该缓存一些非实时数据，比如城市信息和常用联系人，但是我们只能缓存非敏感信息，


产品搜索页至列表页的请求数据会缓存30s-60s，若是过期时间内用户回到列表页的话不会重新请求数据


这对服务器压力，页面响应皆是有利的，这个在30s内事实上意义不大，可以减少一次请求。


另外，对于get和post的效率，曾经有人做过一次测试：


get100次平均耗时323ms；post100次平均耗时589ms，所以post方式是比get慢的，但post请求的优点是安全，并且参数没有长度限制。


是选择post还是选择get，皆需要处理，避免截断url，或者处处post。-


lazyload


只显示首屏页面，其它内容需要时再加载，比如列表页、图片lazyload，皆需要做