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

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

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測試服務器并與公網服務器的同步
優點：避免公網頁面出現錯誤，增強用戶體驗。