這段時間一直都在為網站架構的事情所煩惱，前端，程序，服務器三個方面應該如何協調才能達到一個較為優化的網站架構呢？根據前輩的經驗，我總結了以下文檔，特分享。

1. UIC需要做的
采用Css Sprite將背景圖片，圖標圖片集成在一張圖片內。
優點：減少用戶代理對服務器的請求次數；加快用戶載入頁面時間。

Css && Js 統一使用YUIcompressor進行代碼壓縮處理。
優點：加快服務器結束線程的時間；加快用戶載入頁面時間。

單個數據對象小于25K。
優點：部分用戶代理（如iphone），無法載入25K以上的數據對象。

外部廣告圖片，宣傳圖片盡量防止在本站圖片緩存服務器上。
優點：減少用戶的DNS查詢，加快頁面載入速度。

色彩不超過256色的圖片，不采用JPG格式存儲。
優點：減少文件大小，加快頁面載入速度。

使用PNG8格式的PNG圖片代替Gif格式圖片。
優點：具備比Gif更高的壓縮比，有利于網絡傳塑，加快頁面載入速度。

JPG圖片采用interlaced模式存儲。
優點：色彩復雜的圖片大小更小，可讓圖片呈漸進狀態顯示，直至清晰。增強用戶體驗。

2. UI 需要做的
設計稿圖片盡量減少一些漸變效果的使用
優點：減少JPG圖片的數量，加快用戶載入頁面時間。

3. 開發需要做的
如果出現Ajax 方式，采用Ajax緩存
可考慮

4. SA 需要做的
負載均衡
優點：減小Web服務器壓力。

Gzip壓縮輸出
優點：減小輸出的用戶數據大小，加快頁面載入時間。

圖片與Web服務器分離
優點：減小Web服務器壓力。

增加Squid緩存
優點：避免2次刷新帶來的重復請求。減少服務器壓力。

架構SVN測試服務器并與公網服務器的同步
優點：避免公網頁面出現錯誤，增強用戶體驗。