1. 減少HTTP請(qǐng)求;
1.1 CSS圖片精靈;
1.2 使用data:這樣的內(nèi)聯(lián)圖片;
1.3 合并盡可能多的腳本和樣式表;
2. CDN;
3. 壓縮組件;
1.1 壓縮代碼;
1.2 使用gzip編碼壓縮HTTP響應(yīng)包;
4. 樣式表放在頂部,腳本放在底部;
理由:樣式表放在頂部可以優(yōu)先加載,不至于出現(xiàn)網(wǎng)速慢時(shí)先有無(wú)樣式的HTML網(wǎng)頁(yè)一閃而過(guò)的尷尬情景;至于腳本放在底部最后加載,是因?yàn)榉乐鼓_本加載錯(cuò)誤或失敗導(dǎo)致網(wǎng)頁(yè)卡住。
5. 使用外聯(lián)的JS和CSS;
這種方法選擇性適用,對(duì)于統(tǒng)一、大型的網(wǎng)站(其網(wǎng)頁(yè)幾乎使用相同的JS和CSS文件),宜采用此方法;對(duì)于只有幾張網(wǎng)頁(yè)的網(wǎng)站來(lái)說(shuō)則無(wú)必要(內(nèi)聯(lián)即可,還減少了HTTP請(qǐng)求)。
6. 避免CSS表達(dá)式;
7. 減少DNS查找;
1.1 Keep-Alive;
1.2 較少的域名;
8. 避免重定向;
9. 避免重復(fù)腳本;
10. 添加Expires頭;
1.1 緩存;
1.2 HTTP引入了Cache-Control;