- 減少域名,減少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 不能不寫罐寨,不能寫錯(cuò)。
CDN
光從北京到美國(guó)大約需要30ms汤纸,一來(lái)一回需要60ms
CDN: 內(nèi)容 分發(fā) 網(wǎng)絡(luò)
css
css放head里衩茸,js放在Body最后
chrome css沒下載好,會(huì)阻塞瀏覽器渲染畫面。不化妝不出門楞慈。盡早顯示頁(yè)面幔烛,保證用戶體驗(yàn)。
js放后面囊蓝,用戶可以先看到畫面饿悬,在用戶移動(dòng)鼠標(biāo)的過(guò)程中,就有足夠的時(shí)間去下載js.