一：為什么要優(yōu)化性能

最重要的就是為了提高用戶的體驗(yàn)

二：代碼方面

1：代碼做到結(jié)構(gòu)語(yǔ)義化：（不要出現(xiàn)style和onclick這樣的內(nèi)聯(lián)的樣式和事件 注意行為 表現(xiàn) 結(jié)構(gòu)的分離）

2：減少DOM訪問(wèn)（很重要）

3：精簡(jiǎn)代碼：（1：清理代碼垃圾 2:html標(biāo)簽轉(zhuǎn)換 （使用短標(biāo)簽去替換可以實(shí)現(xiàn)相同效果的長(zhǎng)標(biāo)簽）3:css優(yōu)化 4:js和表格優(yōu)化）

三：文件使用和放置方面：

1：樣式放在頂部 腳本放在底部 ?采用外聯(lián)式?

2：用link代替@import

四：減少http請(qǐng)求

1：用圖片精靈 將多個(gè)圖片定位合成一張

2：不要再html中縮放圖像?

3：字體圖標(biāo)要小而且可以緩存

4：把緩存時(shí)間設(shè)置長(zhǎng)一些

5：圖片預(yù)加載

6：非必須組件延遲加載

7：將資源放在不同域下 增加域

8：AJAX用gey請(qǐng)求

9：減少DNS查詢?

10：避免重定向（會(huì)重繪頁(yè)面）

五：cookie方面

1：減少cookie大小

2：引入的資源的域名不要包含cookie

六：server方面

1：CDN：分發(fā)網(wǎng)絡(luò)(其基本思路是盡可能避開(kāi)互聯(lián)網(wǎng)上有可能影響數(shù)據(jù)傳輸速度和穩(wěn)定性的瓶頸和環(huán)節(jié)，使內(nèi)容傳輸?shù)母?