200
magento -- 為Magento提速再做一點小努力之用工具壓縮網頁上的圖片
Magento的速度問題一直困擾著我，以至於把能提高頁麵訪問速度的方式能試的都試一遍。今天講的東西並不是Magento獨有，隻不過為了彌補Magento在速度上的劣勢，顯得更迫切一點。
現在的網站越做越複雜，網頁上的圖片運用的很多，特別是商城會放很多大圖片來做廣告圖，讓網頁的越來越大，以凡客為例，凡客的首頁大小是2.4M,其中2.3M是圖片，也就是說圖片占據了網頁內容的絕大多數。假如能把所有圖片的大小壓縮10%，整個頁麵就可以小230KB，而這並不是不可實現的。
Firebug這個插件應該每個做B/S開發的人都在用，而針對Firebug，Yahoo又提供了一個Firebug的插件YSlow，這是一個很強大的工具，今天不談YSlow的其他功能，隻看它能為我們壓縮圖片帶來什麼幫助。
用火狐打開凡客的主頁，然後打開Firebug裏的YSlow，點擊Tools
下麵有一排工具列表，找到倒數第二個All Smush.it™，點擊它之後，會跳轉到https://www.smushit.com/ysmush.it/頁麵，接下來可以看到它再給整個頁麵的所有圖片做壓縮，壓縮完成後會顯示壓縮的百分比和壓縮的大小，
接下來你可以把壓縮完的圖片文件下載下來，並覆蓋你網站原有的文件。這裏它提供了一個很人性化的選項，保留圖片的目錄結構（Keep directory structure in zip file），這意昧著你可以直接把下載下來的壓縮包解壓後整個上傳到你的網站目錄，而不需要自己一張張去覆蓋。
經過這一步驟，你網頁上的所有圖片經過壓縮，網頁大小可以大大減小，相對應得訪問速度就提高了。
PS：很重要的一點是，據Yahoo官方的介紹，這款工具所做的圖片壓縮是無損的，也就是說你可以在不損失圖片精度的前提下為你的網頁瘦身。這點不好證實，至少我的眼睛是看不出壓縮後的圖片有什麼精度的下降。
PS2：截圖中可以看到，對凡客的圖片做壓縮效果並不好，不知道是因為有一些圖片沒有壓的關係還是凡客的圖片本身已經壓縮的很好，如果是後者的話，這裏要大大表揚下凡客的專業和精細。在對麥網做同樣的測試後可以看到，如果麥網的首頁使用Smush.it來做一次圖片壓縮，可以給網頁一下子瘦身200多KB，效果就很明顯了。
最後更新：2017-04-02 06:51:26