Web性能优化

Web性能优化

1.缓存

2.DNS查询（减少DNS查询，可减少域名）

3.建立TCP连接（TCP连接复用、keep alive、HTTP/2.0多路复用）

4.发送HTTP请求、ETags、后台处理（减少cookie、使用CacheControl、一个域名最多发送4个到8个JS请求，增加域名同时发送多个请求）

5.接受响应（用ETag响应304、用Gzip压缩后再发送）

6.接受完成，得到HTML;（下载并行，解析串行）

7.DOCTYPE html / xml （写对就行，以免浏览器预读）

8.逐行解析   9.读取标签（减少标签）{1.IE在页面显示；2.chrome是等css完再显示}

10.看到CSS

11.看JS（1.使用CDN；2.CSS放head,js放body最后；）

---

若想减少请求数，可直接减少文件数；

延迟加载组件（懒加载）；