-
下載性能
- 消滅重定向
- 域名收斂杀赢,減少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" />