如果你是網站管理者就會遇到要如何改善網站載入速度的問題,這在流量不大時可能沒什麼影響,只要網站到達一定規模就需要透過內容傳遞網路(Content Delivery Network)改善整體的速度。最知名的 CDN 服務 Cloudflare 讓整體網站都具備加速、安全性防護及分流等效果,算是一個兼具多種優勢的解決方案;如果你是使用 WordPress 架站,也可考慮開啟免費的 Jetpack 圖片 CDN 和 Asset CDN 為網站獲得更快的瀏覽速度。
CSS Compression
Jetpack Boost 改善 WordPress 網站效能和搜尋引擎最佳化外掛程式
如果你是使用 WordPress 自行架站(Self-hosted),我一定會推薦安裝 Jetpack 外掛,這是由 Automattic(WordPress 公司)開發的外掛,整合相當多功能模組,而且也有非常好的相容和穩定性,兼具安全及速度,像是之前我介紹過的 Jetpack 免費 CDN 可自動加速、分流網站的圖片(以前叫做 Photon CDN),或是 Asset CDN 為 WordPress 核心檔案分流加速都能提升網站速度。如果資料非常重要也可選擇 VaultPress 即時完整備份網站。
CSS & JavaScript Compressor 線上程式碼壓縮工具,有效提高網站速度
在更新網站時,經常透過網站檢測工具來檢查網站有沒有可以改進的部份,例如我個人相當常用 PageSpeed Insights 和 Think With Google,通常會出現 CSS、JavaScript 程式碼可以被壓縮的最佳化提示資訊。如果沒有特別設定,大部分情況下會維持程式碼的可讀性,對於開發者在編輯來說會很有用,但其實放在網路上只要求能夠越快被下載越好,利用壓縮方式將不必要的空格、註解或換行清除,讓檔案盡量維持在最小狀態,不僅可提高下載效率,也能節省網站流量耗費。
refresh-sf:透過 Yahoo! YUI 壓縮工具幫網站瘦身!
如果你是自己架站的話,應該對於 CSS 或是 JS 檔案不陌生,前者是樣式表,後者則是為網站添加額外功能的 JavaScript ,可別小看這些檔案,雖然它們可能都只有幾 kb ,但要是訪客很多,所耗費的頻寬也不少。refresh-sf 使用 Yahoo! 的 YUI Compressor 作為壓縮工具,讓你可以獲得容量更小、更精簡的 CSS 和 JavaScript 檔。