前言#
對於網站加載速度太慢的問題,其中一個原因可能就是圖片加載緩慢。
很多網站為了不用在國內備案,選擇把伺服器放到國外的 VPS 上,但國外主機往往對國內的用戶不太友好,導致連接速度緩慢。
為了改善這種情況,我們可以把 Wordpress 的媒體庫遷移至阿里雲 OSS,來使用阿里雲的加速服務。
注意:阿里雲 OSS 需付費使用,國內區目前 9 元 / 40GB/1 年,流量費用另付,詳見阿里雲 OSS 官網。
準備工具#
阿里雲帳號及阿里雲 OSS Bucket,搭建好的 Wordpress 系統,阿里雲 Accesskey
下載好 aliyun-oss 插件,下載地址:Github(開發者:IvanChou)
也可以在主導航處點擊資源分享下載。
阿里雲 OSS 配置#
登入 OSS 控制管理台,找到你創建好的 Bucket,若還未創建,點擊右上角的新建 Bucket(讀寫權限設為公有讀,標準儲存)。
在概覽中你可以看到訪問地址。
點擊上方的文件管理,新建目錄 **/wp-content/uploads**(為了方便後續設定)
選擇上方的基礎設定,拉到最下方設定鏡像回源。
文件名前綴是 wp-content/uploads/,回源地址是 http (s):// 你的網站。
接下來就可以進行插件的配置了。
安裝插件並配置#
在 Wordpress 管理界面選擇插件 -> 安裝插件 -> 上傳插件,找到下載好的插件並進行安裝啟用。
在 Setting-> 阿里雲 OSS 中進行配置,如下圖所示。
一切設定好後點擊保存配置就大功告成啦。
附加功能的設定#
圖片預設樣式#
點擊右面的下載樣式配置文件,會跳出來新的視窗,是一個 txt 文件,可能不會自動下載,把網址貼到下載工具中下載下來。
然後回到OSS 管理控制台,選擇圖片處理 -> 導入樣式,選擇下載的 txt 文件將其導入即可。
如果想要圖片水印的話可以先上傳水印文件到 OSS 儲存空間,然後編輯full 規則,按下圖提示配置。
(位置,大小,透明度看個人喜好,水印圖路徑為 OSS 的文件路徑,可在文件管理中點擊預覽查詢到)
原圖保護#
在圖片處理中,點擊訪問設定開啟原圖保護,按下圖配置。
(** 不建議勾選 * 且強烈建議將站點圖標的格式轉換為 ico 再上傳設定,否則無法顯示站點圖標!**下面有講到解決辦法)
高級選項#
在插件設定最下方選擇更多選項,即可打開高級選項。
上面的站點圖標因為開了原圖顯示而無法加載的解決辦法如下:
將要上傳的站點圖標更改名稱,例如 favicon,
再在需要排除的文件這一選項中填入你更改後的名稱,即可讓圖片不經過 OSS 直接加載。
如下圖所示。
注意:這樣操作會導致所有帶有 favicon 的圖片全部繞過 OSS 直接加載,建議選擇一個不常用到的名稱。
總結#
配置工作到此就完成了,如果在大陸有備案還可以開啟 CDN 加速,在域名管理中即可設定。