一、瀏覽器端，關於瀏覽器端優化，分很多個方面
1、壓縮源碼和圖片
JavaScript文件源代碼可以採用混淆壓縮的方式，CSS文件源代碼進行普通壓縮，JPG圖片可以根據具體質量來壓縮爲50%到70%，PNG可以使用一些開源壓縮軟件來壓縮，比如24色變成8色、去掉一些PNG格式信息等。
2、選擇合適的圖片格式
如果圖片顏色數較多就使用JPG格式，如果圖片顏色數較少就使用PNG格式，如果能夠通過服務器端判斷瀏覽器支持WebP，那麼就使用WebP格式和SVG格式。
3、合併靜態資源
包括CSS、JavaScript和小圖片，減少HTTP請求。有很大一部分用戶訪問會因爲這一條而取得最大受益
4、開啓服務器端的Gzip壓縮
這對文本資源非常有效，對圖片資源則沒那麼大的壓縮比率。
5、使用CDN
或者一些公開庫使用第三方提供的靜態資源地址（比如jQuery、normalize.css）。一方面增加併發下載量，另一方面能夠和其他網站共享緩存。
6、延長靜態資源緩存時間
這樣，頻繁訪問網站的訪客就能夠更快地訪問。不過，這裏要通過修改文件名的方式，確保在資源更新的時候，用戶會拉取到最新的內容。
7、把CSS放在頁面頭部，把JavaScript放在頁面底部
這樣就不會阻塞頁面渲染，讓頁面出現長時間的空白。
具體參考：野馬程序員：web性能優化
另，其他具體詳解：
1、Web 前端優化最佳實踐之 內容篇
2、Web 前端優化最佳實踐之 Server 篇
3、Web 前端優化最佳實踐之 Cookie 篇
4、Web 前端優化最佳實踐之 CSS 篇
5、Web 前端優化最佳實踐之 JavaScript 篇
6、Web 前端優化最佳實踐之 圖象篇
7、Web 前端優化最佳實踐之 Mobile(iPhone) 篇
如何提高網頁效率的14條建議
如何提高網頁的效率（下篇）——Use YSlow to know why your web Slow
二、服務器端優化
這裏就不詳解了，直接看專欄吧Web項目開發性能優化解決方案——服務端
以上內容爲整理所得，與各位共同分享