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