关于优化.md

网站性能优化：

• **web性能时间：**从用户输入输入网址回车到整个网站(或部分网站)显示到用户面前所花的时间，称为web性能时间。

  1. DNS解释时间

     减少DNS解析时间：国内尽量用中国万网域名

  2. 网页下载时间

     • 代码纯手写，减少冗余代码
     • 减少http请求，合理高效利用传输时间 1.css 合并 压缩 2.js 合并 压缩 3.sprites/webpack

  3. 浏览器渲染时间

     • css高效能

       1.书写顺序（显示属性/自身属性/文本属性）

       2.从右到左的解读，ID选择符最高效，通配选择符效率最低 这里有四种目标选择器：ID,class,tag和通配符。按照效率排列如下。

        #main-navigation {   }      /* ID (最快) */
         body.home #page-wrap {   }  /* ID */
         .main-navigation {   }      /* Class */
         ul li a.current {   }       /* Class *
         ul {   }                    /* Tag */
         ul li a {  }                /* Tag */
         * {   }                     /* 通配 (最慢) */
         #content [title='home']     /* 通配 */
       

       ​

       结合“从右到左”和目标选择器的思想，下面这个选择器效率不是很高

         #main-nav > li {   }  /* 比你想象的要慢 */
       

       ​

       虽然ID选择器是最高效的，但实际上是先运行了效率相对较低的元素选择器

       ​

       3.不要用标签修饰

       ​ 千万不要这样做：

       ul#main-navigation {  }
       

     ​ ID是唯一的，所以不需要和标签在一起，这样反而会降低效能，如果可以，也不要用class

     ​

     ​ 4.后代选择器是最烂的

     ​

     • JS高效能

     ​

  如何提升用户体验？

  1. 考虑用户使用习惯
  2. 减少页面的刷新
  3. 提升网站加载速度