（5）WEB复习

1：网站速度

• 更容易爬取
• 更容易获得
• 更可能获得一个好的排名
• 更有可能留住客户

2：延迟

• 发送延迟 propagation delay
• 传播延迟 transmission delay
• 排队延迟 processing delay
• 处理延迟 queuing delay

3：浏览器渲染页面的过程

• 处理HTML标记并且构建DOM树
• 处理CSS标记并且构建CSSDOM树
• 将DOM和CSSDOM合并成一个渲染树
• 根据渲染树来布局，计算每个节点的几何信息
• 将各个节点绘制到屏幕上

4：时间的花费

• DNS查询
• TCP连接（一半以上的时间）
• HTTP请求
• 服务器的响应
• 客户端的渲染

5：浏览器优化的技术

• 提前拿到资源，确立优先级
• 提前进行TCP连接
• 提前进行域名的查询
• 提前进行渲染

6：提高性能的准则

• 避免不必要的资源请求 避免不必要的字节传输 先压缩后传输 使用内容分发网络
• 减少域名的查找 重用TCP连接 使用最少次数的HTTP重定向
• 在客户端存储部分的资源 使得请求和响应并行

7：HTTP 1.0的优化

• 利用HTTP管道
• 使用内容分发网络
• 捆绑资源以减少HTTP请求
• 内联小的资源（将小资源放到父文档，减少请求的次数）

8：HTTP 2.0的优化

• 改善传输，降低延迟
• 发送更少的字节，降低请求
• 取消图片精灵，取消内容分发网络
• 首部压缩，数据包的头部减小

9：HTTP 2.0详解

• 基于SPDY协议

  • Google开发的基于TCP协议的应用层协议
  • 目的是优化HTTP协议的性能
  • 通过压缩，多路复用和优先级，缩小网页的加载时间并提高安全性

• HTTP1.X的缺点

  • 一次只允许在一个TCP连接上发起一个请求，客户端在发起多次请求时会采用多个连接
  • 单向请求，只能由客户端发起
  • 请求报文和响应报文首部信息冗余量大
  • 数据为压缩，导致数据的传输量大

• 二进制分帧

• 首部压缩

• 多路复用

• 请求优先级

• 服务器推送

10：具体的优化方法

• CSS ：把css访问html顶部 减少css文件 避免绝对的css
• js 尽量使用原生的js 把js放在html的底部
• image 自行选择合适的大小 使用图片精灵
• 服务器 数据进行压缩 减少dns的查询
• html 与标准兼容 做到web和移动的统一 结构简单 去除空白符

·