- 減少域名，減少DNS查詢
- 一個(gè)網(wǎng)頁(yè)圖片可能存在一個(gè)服務(wù)器上，js/css可能存在別的服務(wù)器上。減少域名數(shù)量。適用于文件較少的網(wǎng)站。因?yàn)闉g覽器同時(shí)請(qǐng)求的數(shù)量有限制。
- 建立TCP連接
- 連接復(fù)用 keep-alive。HTTP2.0多路復(fù)用。
- 發(fā)送HTTP請(qǐng)求
- 不要濫用cookie。減少請(qǐng)求體積。
- cache-control: 非常重要的優(yōu)化手段。不發(fā)送請(qǐng)求，直接用本地緩存。
- 增加域名數(shù)量 一個(gè)域名最多只能同時(shí)發(fā)送4/8個(gè)請(qǐng)求。（權(quán)衡）如果網(wǎng)站請(qǐng)求10個(gè)css和10個(gè)js，則多個(gè)域名會(huì)有利。
- 接受相應(yīng)
- ETag 304緩存 not modify。這個(gè)會(huì)發(fā)送請(qǐng)求。
- gzip 在response header 中添加 content-encoding: gzip
- DOCTYPE 不能不寫(xiě)，不能寫(xiě)錯(cuò)。
CDN
光從北京到美國(guó)大約需要30ms，一來(lái)一回需要60ms
CDN: 內(nèi)容 分發(fā) 網(wǎng)絡(luò)
css
css放head里，js放在Body最后
chrome css沒(méi)下載好，會(huì)阻塞瀏覽器渲染畫(huà)面。不化妝不出門。盡早顯示頁(yè)面，保證用戶體驗(yàn)。
js放后面，用戶可以先看到畫(huà)面，在用戶移動(dòng)鼠標(biāo)的過(guò)程中，就有足夠的時(shí)間去下載js.
