1、使用web storage代替cookie。cookie大的缺陷是在每一次HTTP请求中都会携带所有符合规则的cookie数据,这会增加请求响应时间,特别是XHR请求。在HTML5中使用sessionStorage和localStorage代替cookie是好的做法.
2、使用CSS Transition代替Java动画。CSS Transition能带来高的性能,少的代码,容易维护和理解。
3、使用客户端数据库代替服务器请求。Web SQL Database和IndexedDB让浏览器有了数据库存储能力,很多应用场景可以迁移到客户端数据库以减少服务器的请求次数。
4、使用Java原生API。随着高版本Java的普及, 像Array prototype新增了很多API都可以在大多数浏览器中直接使用.
5、不仅仅为离线app使用cache manifest,在线网站网站也可以适当使用。
6、enable硬件加速来增强视觉体验。在支持并启动了硬件加速的情况下, 动画, rotation, scaling, opacity肯定会加平滑。 所有实际操作都发生在GPU而不需要内容的重绘,然而需要注意的是,任何影响页面布局的操作都会降低速度.
7、使用web worker执行需要大量CPU资源的操作。web worker有两个好处: 1) 快速 2) 不阻塞浏览器响应. 点击web worker slide查看多信息.
8、HTML5 表单属性和input类型。HTML5增加了一系列input type,包括search,tel,url,email,datetime,date,month,week,time,number,range,color等. 在支持这些功能的浏览器中使用原生功能, js插件作为补充。像placeholder,required,pattern都能极大提高页面的可用性,和性能.
9、使用CSS3减少图片的使用。减少图片能减少HTTP请求,同时减少页面大小,容易维护。
10、使用WebSocket代替XHR提供快交互和少的带宽。WebSockets是为了Comet而设计的,使用它实现Comet比XHR确实带来多的好处。