Web性能优化小结

linjinhe

发布于 2018-06-06 10:28:32

1K0

下载性能
- 消灭重定向
- 域名收敛，减少DNS解析
- 减少文件数量（减少TCP连接数）
- 压缩文件体积
- CDN
- 客户端缓存
渲染性能
- CSS放顶部
- JS放底部
心理性能
- 进度条
- 有效提示
- 转“菊花”
移动网络的“空口”信道
TCP
- 慢启动：不同的应用类型获得的连接资源不公平——下载 vs 网游
- Head-of-line blocking
- HTTP无法多路复用TCP连接（HTTP2可以）
- 三次握手和四次挥手过程冗余（TCP Fast Open，QUIC）
预解析和预加载

# DNS预解析
<link rel="dns-prefetch" href="www.xxx.com" />
# 页面预获取（提前下载了页面代码，没有渲染）
<link rel="prefetch" href="www.xxx.com/index.html" />
# 页面预加载（提前下载了页面代码，并渲染）
<link rel="prerender" href="www.xxx.com/index.html" />

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

原始发表：2016.08.13 ，如有侵权请联系 cloudcommunity@tencent.com 删除

dns