-
下載性能
- 消滅重定向
- 域名收斂杀赢，減少DNS解析
- 減少文件數(shù)量（減少TCP連接數(shù)）
- 壓縮文件體積
- CDN
- 客戶端緩存
-
渲染性能
- CSS放頂部
- JS放底部
-
心理性能
- 進(jìn)度條
- 有效提示
- 轉(zhuǎn)“菊花”
移動(dòng)網(wǎng)絡(luò)的“空口”信道
-
TCP
- 慢啟動(dòng)：不同的應(yīng)用類(lèi)型獲得的連接資源不公平——下載 vs 網(wǎng)游
- Head-of-line blocking
- HTTP無(wú)法多路復(fù)用TCP連接（HTTP2可以）
- 三次握手和四次揮手過(guò)程冗余（TCP Fast Open辩恼，QUIC）
預(yù)解析和預(yù)加載
# DNS預(yù)解析
<link rel="dns-prefetch" href="www.xxx.com" />
# 頁(yè)面預(yù)獲蕊弊摺（提前下載了頁(yè)面代碼，沒(méi)有渲染）
<link rel="prefetch" href="www.xxx.com/index.html" />
# 頁(yè)面預(yù)加載（提前下載了頁(yè)面代碼，并渲染）
<link rel="prerender" href="www.xxx.com/index.html" />
