一直以來我都是 Cloudflare 的忠實用戶,除了可以做為 DNS 代管,為網站提供更快、更穩定的速度及安全防護功能,後來也變身為網域名稱註冊商 Cloudflare Registrar,直接給出最貼近成本價的域名註冊和續用價格,包括 SSL 憑證、DNSSEC 或 WHOIS 隱私防護等功能在內都是不須額外加價的附加服務。如果你是使用 WordPress 架站,我也寫過 Cloudflare 的 WordPress 外掛教學,只要下載啟用後連接到你的帳戶就能快速整合 Cloudflare 各項功能。
最佳化
Cloudflare 和 Internet Archive 合作,當伺服器無法連線時提供網頁副本
根據 Cloudflare 研究發現他們的用戶每天總共花費四年半時間來等待沒有回應的伺服器傳回錯誤訊息,對使用者來說沒人想看到錯誤頁面,如果在網站無法開啟時依然想看到內容,搜尋引擎提供的「頁庫存檔」功能其實很有用,可以查看搜尋引擎在爬行時索引儲存的頁面內容,當然相較於「新鮮」頁面來說可能會有時間差,不過還是能讓我們看到網頁內容,特別是一些文字資訊就能正常瀏覽,我很常在無法正常開啟的網頁使用這個技巧。
Optidash 以人工智慧最佳化圖片,壓縮降低圖片容量支援常見格式
Jetpack 免費 CDN 自動加速分流 WordPress 圖片外掛教學
六年前寫過一篇「Photon 免費 CDN 圖片分流、加速服務,每個 WordPress 用戶都該開啟的外掛」,後來這項功能成為 Jetpack 網站加速器(Site Accelerator)一部分,另一個加速器功能是 Asset CDN,和圖片 CDN 差別在於一個是針對圖片進行分流,Asset CDN 是加速 WordPress 靜態檔案,例如 CSS 和 JavaScript,兩個功能都很有用,當然也可依照自己的需求開啟。
Image Speed Test 分析你的網頁內容,提供加速及圖片最佳化建議
設定 Jetpack 網站加速器的圖片壓縮畫質教學(Photon CDN)
最近使用了 Piio 的 Image Speed Test 工具,也提到我正在研究一項適合免費資源網路社群的圖片壓縮功能,一直以來我都是使用 Cloudflare(本身除了加速分流也有圖片最佳化功能),另外我也相當推薦 WordPress 架站的站長使用 Jetpack 的網站加速器(以前叫做 Photon CDN),都能有效提升網站載入效能。當然你也可以將每張圖片都下載回來以圖片壓縮工具進行處理,但對有數萬甚至數十萬張圖片的網站來說實在是個大工程,也不建議這麼做。
pingo 免費 Windows 圖片最佳化工具,支援 JPG、PNG 等格式無損壓縮
現今智慧型手機拍照都有相當高的畫質和解析度,通常是一張照片就好幾 MB,如果沒有預先縮小尺寸或是對相片進行壓縮處理,無論要使用於網頁或部落格、傳給朋友或是備份保存都會很耗費空間。若不知道該怎麼後製相片,最簡單的方法就是使用圖片壓縮工具,透過「無損壓縮」(Lossless)大幅減少容量大小,但在肉眼上幾乎看不出來差異,而且可以非常有感的大幅降低圖片大小,舉例來說我以前常使用的 TinyPNG、Pngyu 或 ImageOptim 都能讓圖片體積變小,卻不會使畫質遭受破壞。
Pix Fix 修復照片噪點工具,拯救過度壓縮畫質造成圖片損毀問題
很多網路服務或應用程式都會自動對圖片進行壓縮,用以減少圖片大小,而在正常情況下「無損壓縮」(Lossless Compression)不會對圖片畫質造成破壞性的影響,甚至在肉眼看不出差異的狀況下大幅減少圖片容量,例如 Recompressor 或 TinyPNG 這類圖片壓縮工具都能做到,那如果遇到過度壓縮、破壞畫質造成圖片出現許多的噪點,有沒有工具可以修復或消除照片噪點呢?
使用 Cloudflare Workers 提高 WordPress 速度和效能教學
去年在 WordCamp Taipei 活動中分享經營網站多年的心得,其中我認為最重要、也不斷重複提及的是「速度」,這兩個字說來簡單,要認真鑽研必須耗費不少時間,如何兼顧速度和使用者體驗確實有相當難度。網站速度一直是我努力的方向,但也深知所有事物都有極限,除了使用近年比較熱門的 Google AMP 技術,網站速度就像一道難以跨越的高牆,許多人努力許久依然徒勞,很難突破的就屬 Time to First Byte(TTFB)。