前端性能優化：網頁如何從10秒優化到1.5秒的。
首先，你需要知道的35條「雅虎軍規」
我們來看一下他的軍規內容：
1.儘量減少 http 請求個數——須權衡。
2.使用 cdn（內容分髮網絡）。
3.為文件頭指定 expires 或 cache-control，使內容具有緩存性。
4.避免空的 src 和 href
5.使用 gzip 壓縮內容。
6.把 css 放到頂部。
7.把 js 放到底部。
8.避免使用 css 表達式。
9.將 css 和 js 放到外部文件中。
10.減少 dns 查找次數。
11.精簡 css 和 js
12.避免跳轉。
13.剔除重複的 js 和 css
14.配置 etags
15.使 ajax 可緩存。
16.儘早刷新輸出緩衝。
17.使用 get 來完成 ajax 請求。
18.延遲加載。
19.預加載。
20.減少 dom 元素個數。
21.根據域名劃分頁面內容。
22.儘量減少 iframe 的個數。
23.避免 404。
24.減少 cookie 的大小。
25.使用無 cookie 的域。
26.減少 dom 訪問。
27.開發智能事件處理程序。
28.用 代替 @import
29.避免使用濾鏡。
30.優化圖像。
31.優化 css spirite
32.不要在 html 中縮放圖像——須權衡。
33.favicon.ico要小而且可緩存。
34.保持單個內容小於25k
35.打包組件成復合文本。
首先，你需要知道的35條「雅虎軍規」
我們來看一下他的軍規內容：
1.儘量減少 http 請求個數——須權衡。
2.使用 cdn（內容分髮網絡）。
3.為文件頭指定 expires 或 cache-control，使內容具有緩存性。
4.避免空的 src 和 href
5.使用 gzip 壓縮內容。
6.把 css 放到頂部。
7.把 js 放到底部。
8.避免使用 css 表達式。
9.將 css 和 js 放到外部文件中。
10.減少 dns 查找次數。
11.精簡 css 和 js
12.避免跳轉。
13.剔除重複的 js 和 css
14.配置 etags
15.使 ajax 可緩存。
16.儘早刷新輸出緩衝。
17.使用 get 來完成 ajax 請求。
18.延遲加載。
19.預加載。
20.減少 dom 元素個數。
21.根據域名劃分頁面內容。
22.儘量減少 iframe 的個數。
23.避免 404。
24.減少 cookie 的大小。
25.使用無 cookie 的域。
26.減少 dom 訪問。
27.開發智能事件處理程序。
28.用 代替 @import
29.避免使用濾鏡。
30.優化圖像。
31.優化 css spirite
32.不要在 html 中縮放圖像——須權衡。
33.favicon.ico要小而且可緩存。
34.保持單個內容小於25k
35.打包組件成復合文本。