![如何加強 WordPress 網站安全](https://wordpress.blog.tw/wp/wp-content/uploads/2023/10/20231017-01-1-150x150.jpg)
Image Optimization 圖片最佳化外掛程式
![Image Optimization 圖片最佳化外掛程式](https://wordpress.blog.tw/wp/wp-content/uploads/2024/03/20240303-01-1.jpg)
Image Optimization 圖片最佳化外掛程式,透過 CDN 的設計將圖片最佳化,改善網站運作效能與速度,提升 PageSpeed Insights 測試分數。
追求 PageSpeed Insights 檢測分數改進,一直是很多 WordPress 網站管理者的功課,除了挑選優質主機商外,精簡網站的外掛程式安裝通常是網站管理者最常使用的方法之一。今天介紹的 Image Optimization 圖片最佳化外掛程式,就提供這樣的效果,透過 CDN 設計,快速改善檢測分數,有興趣的朋友可以參考看看。
Image Optimization 圖片最佳化外掛程式
- 外掛程式的安裝步驟一樣,登入 WordPress 網站控制台,接著到外掛/安裝外掛,關鍵字請輸入:Image Optimization by Optimole,找到以後請點擊立即安裝。
![立即安裝 Image Optimization 圖片最佳化外掛程式](https://wordpress.blog.tw/images/2024/03/03/20240303-02.webp)
- 外掛程式安裝啟用以後,會來到外掛程式 API key 申請畫面,需要填入電子郵件地址申請,使用前請確實考慮清楚。
![Image Optimization 圖片最佳化外掛程式 API key 申請](https://wordpress.blog.tw/images/2024/03/03/20240303-03.webp)
- 資料填寫正確後就會開始與外掛程式開發商 Optimole 進行連接,這個過程很快,以每個人的主機位置連接速度可能稍有不同。
![與 Image Optimization 圖片最佳化外掛程式進行串接](https://wordpress.blog.tw/images/2024/03/03/20240303-04.webp)
- 串接成功以後,來到外掛程式歡迎頁面,可以看到外掛程式會自動開始掃描網站的媒體資料,開始進行最佳化。
![Image Optimization 圖片最佳化外掛程式掃描圖片進行最佳化](https://wordpress.blog.tw/images/2024/03/03/20240303-05.webp)
- 掃描完成以後,就可以看到最佳化以後的圖片,同時也可以看到有多少資料最佳化的統計圖表。這裡需要再次提醒的,這個外掛程式提供的圖片最佳化,是有限制的,在限制內是不需要費用的,超過的話就需額外付費提升最佳化的額度。
![圖片最佳化後統計資料](https://wordpress.blog.tw/images/2024/03/03/20240303-06.webp)
- 外掛程式安裝前的 PageSpeed Insigh 檢測分數結果。
![外掛程式安裝啟用前的 PageSpeed Insigh 分數](https://wordpress.blog.tw/images/2024/03/03/20240303-07.webp)
- 外掛程式安裝啟用後 PageSpeed Insigh 檢測分數,可以看到在完全沒有設定的情況下,就可以獲得不錯的檢測分數。
![外掛程式安裝啟用後的 PageSpeed Insigh 檢測分數](https://wordpress.blog.tw/images/2024/03/03/20240303-08.webp)
- 實際檢視網站圖片,可以看到圖片的位置改變了,遷移到外掛程式提供的 CDN 位置,這應該就是網站檢測成績大幅增進的原因之一。
![外掛程式 CDN 圖片](https://wordpress.blog.tw/images/2024/03/03/20240303-09.webp)
- 接下來,簡單的跟大家說明一下外掛程式的設定項目,General:這裡需要注意的是,如果發生圖片效果錯誤時,Clear Cached Resources 可以試試清除快取。
![外掛程式設定/Clear Cached Resources](https://wordpress.blog.tw/images/2024/03/03/20240303-10.webp)
- Advanced/Compression:這裡可以注意的要點是,外掛程式已經支援 AVIF 的圖片檔案格式,這個在 WordPress 6.5 版時預計支援的圖片檔案格式。
![支援 AVIF 檔案格式](https://wordpress.blog.tw/images/2024/03/03/20240303-11.webp)
- Advanced/Resize:這裡可以讓我們設定圖片尺寸的大小,如果不喜歡網站與社的設計,可以透過外掛程式在這裡調整。
![Advanced/Resize:圖片尺寸調整](https://wordpress.blog.tw/images/2024/03/03/20240303-12.webp)
- Advanced/Lazyload:這裡設定圖片延遲載入效果,如果需要的話在這裡做設定。
![Advanced/Lazyload:圖片延遲載入](https://wordpress.blog.tw/images/2024/03/03/20240303-13.webp)
- Advanced/Exclusions:排除情況,如果需要執行某些圖片不要執行最佳化的設計,可以在這裡設定條件過濾。
![Advanced/Exclusions:排除情況](https://wordpress.blog.tw/images/2024/03/03/20240303-14.webp)
- Cloud Library/Show images only from these sites,外掛程式的免費版本,對於圖片最佳化是有限制的,這裡可以設定允許圖片最佳化的網址。
![Cloud Library/Show images only from these sites 僅顯示來自這些網站的圖像](https://wordpress.blog.tw/images/2024/03/03/20240303-15.webp)
- Image Storage:Store Your Images in Optimole Cloud 將圖片儲存在外掛程式的雲端儲存庫,預設的設定是雲端與本機兩處。
![Image Storage:Store Your Images in Optimole Cloud](https://wordpress.blog.tw/images/2024/03/03/20240303-16.webp)
- 外掛程式名稱:Image Optimization by Optimole – Lazy Load, CDN, Convert WebP & AVIF
- 外掛程式網址:https://tw.wordpress.org/plugins/optimole-wp/
- 外掛程式推薦:★★★★★
![Image Optimization 圖片最佳化外掛程式](https://wordpress.blog.tw/images/2024/03/03/20240303-01.webp)
結論
今天分享的外掛程式,透過 CDN 的方式分散圖片位置來改善運作效能,如果網站的客戶來源是全球的話,這確實是一個不錯的解決方案。同時,因為免費版本是有圖片最佳化限制,因此適合有預算的網站使用,如果是一般網站,訪客數量多的話,那麼免費版本恐怕不符使用,這點請特別考慮清楚。