前端开发中常见的性能优化


1、 减少http请求次数:css spirit,data uri

2、JSCSS源码压缩

3、 前端模板 JS+数据,减少由于HTML标签导致的带宽浪费,前端用变量保存AJAX请求结果,每次操作本地变量,不用请求,减少请求次数

4、innerHTML代替DOM操作,减少DOM操作次数,优化javascript性能

5、 setTimeout来避免页面失去响应

6、 hash-table来优化查找

7、当需要设置的样式很多时设置className而不是直接操作style

8、 少用全局变量

9、 缓存DOM节点查找的结果

10、避免使用CSS Expression

11、图片预载

12、 避免在页面的主体布局中使用tabletable要等其中的内容完全下载之后才会显示出来,显示比div+css布局慢


以上仅为个人经验之谈,不妥之处,欢迎补充修订!


你可能感兴趣的:(前端开发,性能优化,心得体会,前端面试)