网站性能优化

前言：

       造成Web性能缓慢的原因多种多样，在用户端的主要表现就是访问延迟，这里的延迟指的是从用户通过浏览器、APP点击发起请求到得到反馈所经历的时间，由于Web页面承载的功能越来越多，为了页面效果而使用的多媒体元素也越来越丰富，这些都会造成页面访问的延迟。

解决方法：

        1.  从图片开始优化，进行图片压缩，合并图片(css sprites)，改变图片格式，减小图片尺寸，图片较多时进行懒加载，图片缓                存。（效果最好）

        2. 页面预加载，页面缓存，数据缓存。

        3. 减少HTTP请求。  

        4. 尽可能减少Repaint（重绘），Reflow（重排）。有动画效果的元素，position最好设置为absolute或fixed。

        5. 尽可能减少对DOM的操作。减少对DOM元素的查询和修改，查询时可将其赋值给局部变量。

        6. 使用JSON格式来进行数据交互。JSON是一种轻量级的数据交换格式，采用完全独立于语言的文本格式，JavaScript中处理            JSON数据不需要任何特殊的API或工具包。

         7. 合理使用CSS选择器。性能从高到低：id -> 类 -> 标签 -> 伪类和伪元素 

         8. CSS放头，JS放尾。

         9. 压缩CSS，JS。