1. 減少HTTP請求枕扫;
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)速慢時先有無樣式的HTML網(wǎng)頁一閃而過的尷尬情景空入;至于腳本放在底部最后加載,是因?yàn)榉乐鼓_本加載錯誤或失敗導(dǎo)致網(wǎng)頁卡住族檬。
5. 使用外聯(lián)的JS和CSS歪赢;
這種方法選擇性適用,對于統(tǒng)一单料、大型的網(wǎng)站(其網(wǎng)頁幾乎使用相同的JS和CSS文件)埋凯,宜采用此方法;對于只有幾張網(wǎng)頁的網(wǎng)站來說則無必要(內(nèi)聯(lián)即可扫尖,還減少了HTTP請求)白对。
6. 避免CSS表達(dá)式;
7. 減少DNS查找换怖;
1.1 Keep-Alive甩恼;
1.2 較少的域名;
8. 避免重定向沉颂;
9. 避免重復(fù)腳本条摸;
10. 添加Expires頭;
1.1 緩存铸屉;
1.2 HTTP引入了Cache-Control钉蒲;