content方面
減少HTTP請求:合并文件贱傀、CSS精靈轴合、inline Image
減少DNS查詢:DNS查詢完成之前瀏覽器不能從這個主機(jī)下載任何任何文件。方法:DNS緩存譬猫、將資源分布到恰當(dāng)數(shù)量的主機(jī)名讯檐,平衡并行下載和DNS查詢
避免重定向:多余的中間訪問
使Ajax可緩存
非必須組件延遲加載
未來所需組件預(yù)加載
減少DOM元素數(shù)量
將資源放到不同的域下:瀏覽器同時從一個域下載資源的數(shù)目有限,增加域可以提高并行下載量
減少iframe數(shù)量
不要404
Server方面
使用CDN
添加Expires或者Cache-Control響應(yīng)頭
對組件使用Gzip壓縮
配置ETag
Flush Buffer Early
Ajax使用GET進(jìn)行請求
避免空src的img標(biāo)簽
Cookie方面
減小cookie大小
引入資源的域名不要包含cookie
css方面
將樣式表放到頁面頂部
不使用CSS表達(dá)式
使用不使用@import
不使用IE的Filter
Javascript方面
將腳本放到頁面底部
將javascript和css從外部引入
壓縮javascript和css
刪除不需要的腳本
減少DOM訪問
合理設(shè)計事件監(jiān)聽器
圖片方面
優(yōu)化圖片:根據(jù)實際顏色需要選擇色深染服、壓縮
優(yōu)化css精靈
不要在HTML中拉伸圖片
保證favicon.ico小并且可緩存
移動方面
保證組件小于25k
Pack Components into a Multipart Document