用过的一些前端性能优化方法

1. 减少http请求的次数：css Sprites ，js ，css源码压缩 ， 图片大小控制合适 ；网页Gzip ， CDN托管 ，data缓存 ，图片服务器。
2. 前端模板 JS+数据 ，减少由于HTML标签导致的带宽浪费 ，前端用变量保存AJAX请求的结果 ，每次操作本地变量 ，不用请求 ，减少请求次数。
3. 用innerHTML代替DOM操作 ，减少DOM操作的次数 ，优化javascript性能。
4. 当需要设置的样式很多时设置className而不是直接操作style。
5. 少用全局变量 ，缓存DOM节点查找的结果。减少IO读取操作。
6. 避免使用CSS Expression(css表达式)又称Dynamic properties(动态属性)。
7. 图片预加载 ，将样式表放在顶部 ，将脚本放在底部 ，加上时间戳。
8. 避免在页面的主体布局中使用table ，table要等其中的内容完全下载之后才会显示出来 ，显示比div+css布局慢。

对于普通的网站有一个统一的思路，就是尽量向前端优化，减少数据库的操作，减少磁盘IO。

向前端优化指的是，在不影响功能和体验的情况下，能在浏览器执行下的不要在服务端执行，能在缓存服务器上直接返回的不要到应用服务器，程序能直接取得的结果不要到外部取得，本机内能取得的数据不要到磁盘取，缓存中有的不要去数据库查询。

减少数据库操作指减少更新次数，缓存结果减少查询次数，将数据库执行的操作尽可能的让你的程序完成（例如join查询）。

减少磁盘IO指尽量不使用文件系统作为缓存，减少读写文件次数等。程序优化永远要优化慢的部分，换语言是无法优化的。