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