一:為什么要優(yōu)化性能
最重要的就是為了提高用戶的體驗(yàn)
二:代碼方面
1:代碼做到結(jié)構(gòu)語義化:(不要出現(xiàn)style和onclick這樣的內(nèi)聯(lián)的樣式和事件 注意行為 表現(xiàn) 結(jié)構(gòu)的分離)
2:減少DOM訪問(很重要)
3:精簡代碼:(1:清理代碼垃圾 2:html標(biāo)簽轉(zhuǎn)換 (使用短標(biāo)簽去替換可以實(shí)現(xiàn)相同效果的長標(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è)置長一些
5:圖片預(yù)加載
6:非必須組件延遲加載
7:將資源放在不同域下 增加域
8:AJAX用gey請(qǐng)求
9:減少DNS查詢?
10:避免重定向(會(huì)重繪頁面)
五:cookie方面
1:減少cookie大小
2:引入的資源的域名不要包含cookie
六:server方面
1:CDN:分發(fā)網(wǎng)絡(luò)(其基本思路是盡可能避開互聯(lián)網(wǎng)上有可能影響數(shù)據(jù)傳輸速度和穩(wěn)定性的瓶頸和環(huán)節(jié),使內(nèi)容傳輸?shù)母?