這段時間一直都在為網(wǎng)站架構的事情所煩惱，前端，程序，服務器三個方面應該如何協(xié)調(diào)才能達到一個較為優(yōu)化的網(wǎng)站架構呢？根據(jù)前輩的經(jīng)驗，我總結了以下文檔，特分享。
這段時間一直都在為網(wǎng)站架構的事情所煩惱，前端，程序，服務器三個方面應該如何協(xié)調(diào)才能達到一個較為優(yōu)化的網(wǎng)站架構呢？根據(jù)前輩的經(jīng)驗，我總結了以下文檔，特分享。
1. UIC需要做的
采用Css Sprite將背景圖片，圖標圖片集成在一張圖片內(nèi)。
優(yōu)點：減少用戶代理對服務器的請求次數(shù)；加快用戶載入頁面時間。
Css Js 統(tǒng)一使用YUIcompressor進行代碼壓縮處理。
優(yōu)點：加快服務器結束線程的時間；加快用戶載入頁面時間。
單個數(shù)據(jù)對象小于25K。
優(yōu)點：部分用戶代理（如iphone），無法載入25K以上的數(shù)據(jù)對象。
外部廣告圖片，宣傳圖片盡量防止在本站圖片緩存服務器上。
優(yōu)點：減少用戶的DNS查詢，加快頁面載入速度。
色彩不超過256色的圖片，不采用JPG格式存儲。
優(yōu)點：減少文件大小，加快頁面載入速度。
使用PNG8格式的PNG圖片代替Gif格式圖片。
優(yōu)點：具備比Gif更高的壓縮比，有利于網(wǎng)絡傳塑，加快頁面載入速度。
JPG圖片采用interlaced模式存儲。
優(yōu)點：色彩復雜的圖片大小更小，可讓圖片呈漸進狀態(tài)顯示，直至清晰。增強用戶體驗。
2. UI 需要做的
設計稿圖片盡量減少一些漸變效果的使用
優(yōu)點：減少JPG圖片的數(shù)量，加快用戶載入頁面時間。
3. 開發(fā)需要做的
如果出現(xiàn)Ajax 方式，采用Ajax緩存
可考慮
4. SA 需要做的
負載均衡
優(yōu)點：減小Web服務器壓力。
Gzip壓縮輸出
優(yōu)點：減小輸出的用戶數(shù)據(jù)大小，加快頁面載入時間。
圖片與Web服務器分離
優(yōu)點：減小Web服務器壓力。
增加Squid緩存
優(yōu)點：避免2次刷新帶來的重復請求。減少服務器壓力。
架構SVN測試服務器并與公網(wǎng)服務器的同步
優(yōu)點：避免公網(wǎng)頁面出現(xiàn)錯誤，增強用戶體驗。
