zoukankan      html  css  js  c++  java
  • 前端性能优化的方法

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

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

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

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

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

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

        请模代样,果态预表

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

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

      

  • 相关阅读:
    【豆科基因组】普通豆/菜豆/四季豆Common bean (Phaseolus vulgaris L.) 基因组
    【豆科基因组】利马豆/洋扁豆Lima bean(Phaseolus lunatus L.)基因组2021NC
    工作流大大批量报错
    django中request参数
    java笔记(二)----详解装箱与拆箱
    java笔记(一)----基础知识
    Navicat 快捷键
    ant+Jacoco 统计tomcat远程部署后项目接口自动化测试或者功能测试代码覆盖率
    安全测试:BurpSuite 学习使用教程(转)
    耗电量测试(转)
  • 原文地址:https://www.cnblogs.com/suihang/p/9677765.html
Copyright © 2011-2022 走看看