WP Compress是WordPress上的圖片加速、圖片壓縮外掛,受許多網站工程師推薦,同時也包含著名的伺服器租賃服務提供商Cloudways,我有寫過一篇WordPress主機無痛搬家到Cloudways的文章,可以參考。市面上有一堆的圖片壓縮plugin,是在主機裡壓縮圖片,佔用伺服器容量和執行速度,但WP Compress是透過API key在WP Compress伺服器運作的,所以不會佔用太多自家主機的資源。
由於圖片開啟速度會大幅影響網站的載入速度,進而導致網站跳出率Bounce Rates大增,轉換數大幅下降,因此在網站上使用圖片優化外掛非常重要。使用WP Compress可以做到CDN圖片分流加速、WebP圖片格式轉檔,也可以進行網站圖片批量減肥(圖片壓縮),提升電腦及手機的網頁開啟速度,以及網路消耗量。
文章結構
WP Compress支援的功能
WP Compress官網上條列了15點功能,但內容其實大同小異,以下為大家節錄幾點有用的資訊
改善轉換率及眾多網站指標
在提高速度後,降低跳出率、提升轉換數、提高訂單數,同時也能改善SEO排名、許多網站測速工具的數值(GTMetrix、Pingdom和PageSpeed Scores & Speeds)
解決Serve Scaled Images的問題
對網站載入速度而言,最好盡量避免圖片在使用者的裝置上自動縮放、重新調整成合適的大小,而是應該在Server端放好剛好符合Client端的圖片大小。透過WP Compress可以解決這項問題。
客服中心態度佳,雖然有時回覆速度有點慢
客服態度蠻好的,他們是以公司創辦人James Cantoni的名義去進行客服的,不確定是否為本人。當我遇到Logo尺寸過大的問題時,他希望我開WordPress Admin權限給他,讓他登入後台,把我的WP Compress升級成最新版本(尚未更新在WordPress外掛中的內部版本),感覺風險有點大,我有實際執行過一次,在官方登入後也真的有升級我的Plugin,但是最後還是沒能解決我的Logo,還是得重新上傳圖片、並且用CSS的方式解決,詳情請看本文最末段的「WP Compress的Bug該如何修復?」。
自動壓縮圖片,不用手動壓縮;有效壓縮圖片不說說
不用重新上傳到網路上進行壓縮,之後再下載回電腦上,重新上傳至WordPress。同時壓縮效果是有目共睹的,容量大減、品質也沒有變差很多。
自動轉檔成WebP格式,加速圖片載入速度
WP Compress可以將圖片壓縮到比JPG更小,但畫質超好的WebP格式。但要注意,目前只有Chrome、Android、Opera瀏覽器有支援WebP格式,Safari、IE並不支援,Safari開啟WebP網站後,看起來長這樣
因此需要靠WebP Express來拯救你,詳細解決方法請參見這篇文章
開啟Varied image responses模式即可
WP Compress限時特價中
WP Compress官網會不定期提供終身帳號的限時特價方案,只需要$149美金(約4,500元台幣)就能買到終身的CDN服務。購買後透過信箱取得API key,嵌入網站中即可使用,非常簡單,圖片內容可以從WordPress後台修改或是直接到官網登入帳號進行修改皆可。
限時特價連結:https://wpcompress.com/special/
但此方案不包含圖片壓縮的額度,每月僅可處理15,000張圖片,且總檔案大小限制在100MB以內,如有額外需求可以購買Credit Packs,以我網站為例,約莫一千多篇的文章,全網站備份也僅佔4GB左右的容量,因此每月1GB的$10美元(約台幣300元)的方案已經相當夠用了
WP Compress的Bug該如何修復?
在使用WP Compress時,有一定的機會會遇到Logo尺寸不對的Bug,造成Logo過大或過小,蓋住整個Header造成版面嚴重跑版,蓋住其他按鈕,嚴重影響網站體驗,因此要在後台慎選想要開啟的功能。我選擇關閉Adaptive Images及Lazy Load。
按照官方教學,理論上只要從後台將該Logo加至白名單即可,但我試過發現不行。
假如還是不行,可以嘗試用CSS解決!標紅色字體的部份可能需要換過,每家佈景主題都不同
.jeg_logo img {
height: 80px !important; }