記一次效能優化經歷

提到這次效能優化，好簡單，僅僅是壓縮了一下顯示圖片大小，

網頁開啟速度得到了顯著的提升，拋磚引玉吧。

優化前

優化後：

 

在優化前，一次產品列表要顯示12張圖片，每張圖片在600kb左右，也就是每開啟一次當前頁面需要傳輸7.2mb左右的圖片檔案，壓縮後，每一張圖片在12kb左右，每次傳輸200kb,由此可見，降低網路傳輸量，可以顯著提升網頁瀏覽速度，採用小圖片，壓縮css，壓縮js，把js放到一個檔案中，這些都是減少網路傳輸途徑。