前端性能优化的方法

  老铁们,我胡汉三又回来了,最近扫黄比较严,然后我就出去避了避风头,

  今天我们来总结总结对前端进行性能优化的方法吧,这篇随笔没啥代码,但是我总结了总结,看一下总归是有点用的

  1.减少http请求

      a.CSS sprites(精灵图),即合并图片,减少图片请求次数

      b.CSS,JS源码压缩。

      c.cdn托管

      d.数据缓存

      e.图片服务器

  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布局要慢

 

 

  暂时我就整理了这木多,等过两天再想起啥我在添加

  


更多专业前端知识,请上 【猿2048】www.mk2048.com

你可能感兴趣的:(前端)