Cloudflare Images 雲端圖片儲存、尺寸調整,每月 5 美元可存 10 萬張

Cloudflare Images 雲端圖片儲存、尺寸調整,每月 5 美元可存 10 萬張

今年九月 Cloudflare 宣布正式推出「Cloudflare Images」圖片儲存服務,乍看之下好像只是一個付費的圖片空間,影像儲存僅是這個項目的其中一個功能,它還兼具調整圖片大小、最佳化等技術,而且整合全世界所有 Cloudflare 網路節點,將影像基礎架構變得更為簡單,易於管理或是預測價格,無論是線上零售、創作者平台或是內容傳遞都很適合使用。

imgix 推出網站圖片處理工具免費方案,每月 1000 張圖片配額無流量限制

imgix 推出網站圖片處理工具免費方案,每月 1000 張圖片配額無流量限制

前陣子我在研究將免費資源網路社群的圖片容量變小,以加速讀者載入網站時間,也減少主機造成的網路流量消耗,當圖片數量一多,很難以手動方式去處理以前的圖片,尤其是不同時期使用不同的圖片格式和解析度,最安全的方法就是透過第三方圖片處理工具直接在雲端進行壓縮(也不會破壞到原始圖片),例如 WordPress 外掛 Jetpack 提供免費圖片 CDN,開啟後會自動替換網站原有的圖片路徑,ImageKitstatically.io 也是同類型服務。

WP Rocket 最強 WordPress 快取外掛,完整最佳化設定選項教學

WP Rocket 最強 WordPress 快取外掛,完整最佳化設定選項教學

如果是使用 WordPress 程式自行架站,我通常會建議安裝 AkismetJetpack 和任一種快取(Cache)外掛,前兩者是 Automattic 提供的防垃圾留言和整合各種功能模組,可解決非常多問題,減少外掛安裝數量,快取外掛則是讓 WordPress 每次載入文章或頁面無需反覆向資料庫抓取資料,將文章頁面轉為靜態網頁以降低伺服器負載,也兼具網頁加速效果,在製作快取時透過外掛可進行更多最佳化,對於網站來說極為重要。

statically.io 免費 CDN 提供網站加速和圖片最佳化功能,無流量速度限制

statically.io 免費 CDN 提供網站加速和圖片最佳化功能,無流量速度限制

如果你是網站管理者就會遇到要如何改善網站載入速度的問題,這在流量不大時可能沒什麼影響,只要網站到達一定規模就需要透過內容傳遞網路(Content Delivery Network)改善整體的速度。最知名的 CDN 服務 Cloudflare 讓整體網站都具備加速、安全性防護及分流等效果,算是一個兼具多種優勢的解決方案;如果你是使用 WordPress 架站,也可考慮開啟免費的 Jetpack 圖片 CDNAsset CDN 為網站獲得更快的瀏覽速度。

ImageKit 圖片最佳化服務,為 WordPress 加入圖片壓縮和分流加速功能

ImageKit 圖片最佳化服務,為 WordPress 加入圖片壓縮和分流加速功能

前陣子在研究圖片最佳化(Image Optimization)服務,兼具加速分流的內容傳遞網路,對於網站管理者來說,如何將圖片容量變小、但又維持畫質不變確實是個很困難的問題,未來搜尋引擎 Google 會將「網站使用體驗核心指標」(Core Web Vitals)做為搜尋排序的參考因素之一,因此更需要重視網站載入速度。如果你的網站有不少圖片,可以開始研究要怎麼幫這些圖片瘦身減肥,讓訪客有更好的開啟速度,也能降低網頁伺服器的流量消耗。

Jetpack Boost 改善 WordPress 網站效能和搜尋引擎最佳化外掛程式

Jetpack Boost 改善 WordPress 網站效能和搜尋引擎最佳化外掛程式

如果你是使用 WordPress 自行架站(Self-hosted),我一定會推薦安裝 Jetpack 外掛,這是由 Automattic(WordPress 公司)開發的外掛,整合相當多功能模組,而且也有非常好的相容和穩定性,兼具安全及速度,像是之前我介紹過的 Jetpack 免費 CDN 可自動加速、分流網站的圖片(以前叫做 Photon CDN),或是 Asset CDN 為 WordPress 核心檔案分流加速都能提升網站速度。如果資料非常重要也可選擇 VaultPress 即時完整備份網站。

以 Automatic Platform Optimization (APO) 為 WordPress 快取加速網站

以 Automatic Platform Optimization 為你的 WordPress 快取加速網站

一直以來我都是 Cloudflare 的忠實用戶,除了可以做為 DNS 代管,為網站提供更快、更穩定的速度及安全防護功能,後來也變身為網域名稱註冊商 Cloudflare Registrar,直接給出最貼近成本價的域名註冊和續用價格,包括 SSL 憑證、DNSSEC 或 WHOIS 隱私防護等功能在內都是不須額外加價的附加服務。如果你是使用 WordPress 架站,我也寫過 Cloudflare 的 WordPress 外掛教學,只要下載啟用後連接到你的帳戶就能快速整合 Cloudflare 各項功能。

Cloudflare 和 Internet Archive 合作,當伺服器無法連線時提供網頁副本

Cloudflare 和 Internet Archive 合作,當伺服器無法連線時提供網頁副本

根據 Cloudflare 研究發現他們的用戶每天總共花費四年半時間來等待沒有回應的伺服器傳回錯誤訊息,對使用者來說沒人想看到錯誤頁面,如果在網站無法開啟時依然想看到內容,搜尋引擎提供的「頁庫存檔」功能其實很有用,可以查看搜尋引擎在爬行時索引儲存的頁面內容,當然相較於「新鮮」頁面來說可能會有時間差,不過還是能讓我們看到網頁內容,特別是一些文字資訊就能正常瀏覽,我很常在無法正常開啟的網頁使用這個技巧。

Website Grader 網站評分工具,免費影音教學影片協助改善搜尋引擎排名

Website Grader 網站評分工具,免費影音教學影片協助改善搜尋引擎排名

如果想要對網站或部落格進行搜尋引擎最佳化,我通常會建議先去詳細閱讀「Google 搜尋引擎最佳化(SEO)入門指南」,在 Google 釋出的手冊中有提到非常多觀念,適用於各種情境,只要把握大原則方向就會有不錯的成效表現。此外,Google 提到的網站使用體驗中以速度最為重要,想知道網站速度也可透過檢測工具 Web.dev 或其他網站測速工具進行檢查,這份列表中我較推薦 Google PageSpeed Insights 和 KeyCDN Website Speed Test。

Jetpack 免費 CDN 自動加速分流 WordPress 圖片外掛教學

Jetpack 免費 CDN 自動加速分流 WordPress 圖片外掛教學

六年前寫過一篇「Photon 免費 CDN 圖片分流、加速服務,每個 WordPress 用戶都該開啟的外掛」,後來這項功能成為 Jetpack 網站加速器(Site Accelerator)一部分,另一個加速器功能是 Asset CDN,和圖片 CDN 差別在於一個是針對圖片進行分流,Asset CDN 是加速 WordPress 靜態檔案,例如 CSS 和 JavaScript,兩個功能都很有用,當然也可依照自己的需求開啟。