1.前端性能優(yōu)化的方法:
? ? 1)請減少HTTP請求
? ? 2)理解 Repaint 和 Reflow(也就是重繪和重排)
? ? Repaint就是一個元素的外觀被改變绽快。如果Reflow的過于頻繁沽瞭,CPU使用率就會噌噌的往上漲
3)減少對DOM的操作:提高網(wǎng)頁性能就是要降低“重排”和重繪的頻率和成本栗竖,盡量少觸發(fā)重新渲染
4)使用JSON格式來進行數(shù)據(jù)交換:json輕量級別的數(shù)據(jù)交換格式究飞,獨立于語言的文本格式舌劳,同時json是原生JavaScript原生格式研叫,意味著在JavaScript中處理json不需要任何特殊的api或工具包。
5)高效使用HTML標簽和CSS樣式
6)使用CDN加速(內(nèi)容分發(fā)網(wǎng)絡):"其基本思路是盡可能避開互聯(lián)網(wǎng)上有可能影響數(shù)據(jù)傳輸速度和穩(wěn)定性的瓶頸和環(huán)節(jié)关面,使內(nèi)容傳輸?shù)母焯古邸⒏€(wěn)定。通過在網(wǎng)絡各處放置節(jié)點服務器所構(gòu)成的在現(xiàn)有的互聯(lián)網(wǎng)基礎之上的一層智能虛擬網(wǎng)絡等太,CDN系統(tǒng)能夠?qū)崟r地根據(jù)網(wǎng)絡流量和各節(jié)點的連接捂齐、負載狀況以及到用戶的距離和響應時間等綜合信息將用戶的請求重新導向離用戶最近的服務節(jié)點上。
7)將css和js放到外部文件中引用缩抡,CSS放頭部驹愚,JS放尾
8)精簡CSS和JS文件
9)壓縮圖片和使用圖片的Sprite技術(shù)
圖片壓縮的方式有:縮小圖片分辨率、改變圖片格式啡彬、降低圖片保存質(zhì)量
圖片精靈(Sprite)合并成雪碧圖減少圖片的請求數(shù)量
10)注意控制Cookie的大小和污染:
因為Cookie是本地的磁盤文件杆煞,每次瀏覽器都會去讀取相應的Cookie,所以建議去除不必要的Coockie蘑险,使Coockie體積盡量小以減少對用戶響應的影響滴肿;
使用Cookie跨域操作時注意在適應級別的域名上設置coockie以便使子域名不受其影響
Cookie是有生命周期的,所以請注意設置合理的過期時間佃迄,合理地Expire時間和不要過早去清除coockie泼差,都會改善用戶的響應時間贵少。