性能优化

# 性能优化 #      参考书：1.高性能网站建设指南 2.高性能网站建设进阶指南
---
性能优化可以从以下几个方面来优化：

一、网络

    1、DNS.  域名解析服务器
    
    2、CDN. 内容发布网络     将静态资源之外的放在主服务器，
                           配置不同的服务器，缩短距离

    3、加载：延时和预加载

二、浏览器

     1、http：超文本传输协议
    
       https：安全传输协议    效率不高，耗时高些


 2、请求和响应信息:

    请求信息：

    1>请求行：

    http协议版本信息（1.1/1.0），

    请求方法：get/post，

    路径等

     2>请求头：

    浏览器版本信息等

    3>空行
    
    4>请求参数

响应信息：

    1>状态行：  状态码等
    
    2>响应头：服务器和浏览器之间的通讯、缓存、cookie等
 
    3>空行

    4>响应消息体:呈现在页面的

缓存（cache）：最佳的解决方案

  304页面没有发生任何修改（协议缓存）；
  可以给静态资源等很少改的东西，设定一个缓存时间expires，解决频繁的访问，减少请求的时间

 解决缓存更新的问题：

    1>设定LastModified  最后修改时间

    2>E-Tag 数字加字母的标识的字符串

    3>加一种算法根据内容的索引产生的数字

三、代码

1、html

    布局：减少table布局；尽量减少嵌套层数

2、css

    a、选择器：尽量减少复合选择器，因为浏览器从右往左解析

    b、雪碧图：sprits技术（图片分割技术），不能太大

    c、合并和压缩：空格和回车的减少；合成一个css

    d、重绘和回流：回流：改变某个标签的样式，影响其他标签（如：宽高，字体大小等）
    浏览器内核即渲染引擎，解析DOM和css，两个树。减少回流次数

    e、简单的动画可以使用css3来代替js

    f、图标字体

3、js

    a、节点缓存，减少DOM操作
    b、合并和压缩

4、image

      a、合并和压缩

      b、将图片转化为base64

    
合并和压缩，雪碧图可以使用自动化构建工具Gruntjs和相应插件