ASP.NET開發實踐系列課程之前端調優

前端調優
傳輸最佳化
傳輸速度，傳輸數量，瀏覽器緩衝，預先加栽和消極式載入

傳輸速度：
位元組最佳化：HTML,JS,CSS,圖片，Flash,XML
CDN：打破電訊廠商間的限制(如DNSPod)
減少相同檔案的重新下栽（如:Microsoft Ajax CDN）

使用expression web來恢複或者最佳化html格式

傳輸數量：
減少檔案請求數量
適當的分減
避免404錯誤和重新導向
使用多圖整合的圖片檔案，都房栽一個檔案，用css萊載入局部（不錯的方式）

瀏覽器緩衝：
GET方式請求檔案便於緩衝
CSS,js採用分離成外部檔案的方式（手機用戶端除外）

積極式載入和消極式載入
積極式載入
開啟頁面後使用者立即需要看到的
開啟頁面時需要立即起作用的js和css
消極式載入
開啟頁面後需要使用者進行一些動作才能看到的
預估到使用者可能要訪問的資源

用戶端最佳化
css
盡量避免使用IE的濾鏡和css運算式（cpu會很高）
盡量放在代碼前面
盡量減少使用小圖片repeat實現背景

js
最佳化演算法（尤其是迴圈）
注意不支援長整形
沒有真正得多線程，需要類比實現
非同步載入非頁面初始化必需的js

HTML
盡量不要用table做布局，尤其是外圍布局
盡量選擇適用div,p等流式標籤
盡量使用語義化的標籤（strong,em）
減少DOM的個數，減少iframe的使用
考慮非同步載入部分內容

AJAX
避免並發
盡量使用GET方式請求
參考傳輸最佳化