Heading for the future

前端性能优化的方法

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

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

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

 

     咋回事,我回来看了看怎么连个评论的人都没有,是我写的不足以得到你们的推荐和评论是吧!!!!!

  来,让开,我要放大招了,看了我的大招你要还觉得不值来砍我好吧

  是不是觉得上面好多,有种臣妾记不住的感觉是吧,莫慌,来送你个我的独家口诀,看完口诀再记不住你来砍我!记住了求个推荐可好

    请模代样,果态预表

    那你可能会问这口诀是什么东西,咋一点用没有啊,别慌宝贝,来我给你讲解讲解你就懂了,保准你再也忘不掉

         了一个特来替我的子,平了我都有钱买(预)

 

  

posted @ 2018-09-19 21:32  一只菜鸟攻城狮啊  阅读(390)  评论(0编辑  收藏  举报