這段時間一直都在為網站架構的事情所煩惱,前端,程序,服務器三個方面應該如何協調才能達到一個較為優化的網站架構呢?根據前輩的經驗,我總結了以下文檔,特分享。
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測試服務器并與公網服務器的同步
         優點:避免公網頁面出現錯誤,增強用戶體驗。
新聞熱點
疑難解答