這段時間一直都在為網(wǎng)站架構(gòu)的事情所煩惱，前端，程序，服務(wù)器三個方面應(yīng)該如何協(xié)調(diào)才能達(dá)到一個較為優(yōu)化的網(wǎng)站架構(gòu)呢？根據(jù)前輩的經(jīng)驗，我總結(jié)了以下文檔，特分享。

這段時間一直都在為網(wǎng)站架構(gòu)的事情所煩惱，前端，程序，服務(wù)器三個方面應(yīng)該如何協(xié)調(diào)才能達(dá)到一個較為優(yōu)化的網(wǎng)站架構(gòu)呢？根據(jù)前輩的經(jīng)驗，我總結(jié)了以下文檔，特分享。

1. UIC需要做的
采用Css Sprite將背景圖片，圖標(biāo)圖片集成在一張圖片內(nèi)。
優(yōu)點：減少用戶代理對服務(wù)器的請求次數(shù)；加快用戶載入頁面時間。

Css && Js 統(tǒng)一使用YUIcompressor進(jìn)行代碼壓縮處理。
優(yōu)點：加快服務(wù)器結(jié)束線程的時間；加快用戶載入頁面時間。

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

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

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

使用PNG8格式的PNG圖片代替Gif格式圖片。
優(yōu)點：具備比Gif更高的壓縮比，有利于網(wǎng)絡(luò)傳塑，加快頁面載入速度。

JPG圖片采用interlaced模式存儲。
優(yōu)點：色彩復(fù)雜的圖片大小更小，可讓圖片呈漸進(jìn)狀態(tài)顯示，直至清晰。增強(qiáng)用戶體驗。

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

3. 開發(fā)需要做的
如果出現(xiàn)Ajax 方式，采用Ajax緩存
可考慮

4. SA 需要做的
負(fù)載均衡
優(yōu)點：減小Web服務(wù)器壓力。

Gzip壓縮輸出
優(yōu)點：減小輸出的用戶數(shù)據(jù)大小，加快頁面載入時間。

圖片與Web服務(wù)器分離
優(yōu)點：減小Web服務(wù)器壓力。

增加Squid緩存
優(yōu)點：避免2次刷新帶來的重復(fù)請求。減少服務(wù)器壓力。

架構(gòu)SVN測試服務(wù)器并與公網(wǎng)服務(wù)器的同步
優(yōu)點：避免公網(wǎng)頁面出現(xiàn)錯誤，增強(qiáng)用戶體驗。

香港服務(wù)器租用

版權(quán)聲明：本站文章來源標(biāo)注為YINGSOO的內(nèi)容版權(quán)均為本站所有，歡迎引用、轉(zhuǎn)載，請保持原文完整并注明來源及原文鏈接。禁止復(fù)制或仿造本網(wǎng)站，禁止在非maisonbaluchon.cn所屬的服務(wù)器上建立鏡像，否則將依法追究法律責(zé)任。本站部分內(nèi)容來源于網(wǎng)友推薦、互聯(lián)網(wǎng)收集整理而來，僅供學(xué)習(xí)參考，不代表本站立場，如有內(nèi)容涉嫌侵權(quán)，請聯(lián)系alex-e#qq.com處理。