WordPress性能優(yōu)化：阿里云對(duì)象存儲(chǔ)OSS進(jìn)行CDN加速（實(shí)操篇）

圖片來源：圖蟲創(chuàng)意

在前篇了解 CDN 加速的工作原理后，本篇將以阿里云為例，解答怎樣用阿里云對(duì)象存儲(chǔ) OSS 進(jìn)行 CDN 加速。

什么是阿里云對(duì)象存儲(chǔ)OSS

阿里云對(duì)象存儲(chǔ)（Object Storage Service，簡(jiǎn)稱OSS）是阿里云提供的云存儲(chǔ)服務(wù)，同時(shí)提供四種存儲(chǔ)方式，標(biāo)準(zhǔn)存儲(chǔ)適用于移動(dòng)應(yīng)用、大型網(wǎng)站、圖片分享或熱點(diǎn)音視頻，除了標(biāo)準(zhǔn)存儲(chǔ)外還可以選擇成本更低、存儲(chǔ)期限更長的低頻訪問存儲(chǔ)、歸檔存儲(chǔ)和冷歸檔存儲(chǔ)作為不經(jīng)常訪問數(shù)據(jù)的存儲(chǔ)方式。

阿里云CDN

阿里云內(nèi)容分發(fā)網(wǎng)絡(luò)（Content Delivery Network，簡(jiǎn)稱CDN），阿里云 CDN 將源站文件資源緩存至阿里云遍布全球的加速節(jié)點(diǎn)上，當(dāng)用戶通過瀏覽器請(qǐng)求訪問和獲取該文件資源時(shí)，阿里云 CDN 負(fù)載均衡系統(tǒng)服務(wù)器會(huì)自動(dòng)調(diào)用距離用戶最近的 CDN 節(jié)點(diǎn)（CDN服務(wù)器）上已緩存的文件資源，返回給瀏覽器經(jīng)過渲染后呈現(xiàn)給用戶。

為什么建議使用 CDN+OSS 的網(wǎng)站架構(gòu)

從長遠(yuǎn)發(fā)展考慮，建議網(wǎng)站使用 CDN+OSS 的網(wǎng)站架構(gòu)。簡(jiǎn)單來說就是網(wǎng)站動(dòng)靜態(tài)分離，將動(dòng)態(tài)資源例如 Web 程序、數(shù)據(jù)庫等存放在自己的服務(wù)器上，將靜態(tài)資源例如圖片、CSS 代碼和 JS 腳本等存放在對(duì)象存儲(chǔ) OSS 上，最后把 OSS 作為 CDN 的源站，通過 CDN 加速分發(fā)，使用戶通過 CDN 節(jié)點(diǎn)就近獲得文件資源。

這樣動(dòng)靜態(tài)分離的網(wǎng)站能夠降低服務(wù)器的壓力，因?yàn)橹挥挟?dāng)前瀏覽的頁面是從自己服務(wù)器加載的，其余的圖片、CSS 代碼和 JS 腳本都是從最近的 CDN 節(jié)點(diǎn)獲取的。

通過 CDN 來訪問 OSS 資源，并且將 OSS 的文件資源緩存至就近的 CDN 節(jié)點(diǎn)，通過 CDN 節(jié)點(diǎn)進(jìn)行分發(fā)，訪問速度更快，且費(fèi)用更低。如下圖所示：

圖片來源：阿里云

如果不使用 CDN+OSS 架構(gòu)的傳統(tǒng)網(wǎng)站，動(dòng)態(tài)資源和靜態(tài)資源不分離，隨著訪問量增大，網(wǎng)站性能勢(shì)必會(huì)受到很大影響，如圖：

圖片來源：阿里云

用戶的每次請(qǐng)求都需要到自己的服務(wù)器上拉取文件資源，Web 程序、數(shù)據(jù)庫、圖片、CSS 代碼和 JS 腳本都全部存儲(chǔ)在服務(wù)器上。對(duì)于個(gè)人站長而言，帶寬較小較便宜的云服務(wù)器已不再適用，需要升級(jí)更高的云服務(wù)器，而服務(wù)器的成本也會(huì)隨之上漲。

使用阿里云對(duì)象存儲(chǔ) OSS 進(jìn)行 CDN 加速（實(shí)操）

第一：開啟阿里云 OSS

首先注冊(cè)阿里云，進(jìn)入阿里云界面搜索“對(duì)象存儲(chǔ) OSS”，點(diǎn)擊進(jìn)入 OSS 管理控制臺(tái)。

圖片來源：阿里云

在 OSS 管理控制臺(tái)右側(cè)下方點(diǎn)擊“創(chuàng)建 Bucket ”，填寫以下信息：

• Bucket 名稱：自定義（創(chuàng)建成功后將不可修改）

• 地域：你的網(wǎng)站用戶哪里最多就選哪個(gè)區(qū)域（選擇后不支持更換區(qū)域）

• 存儲(chǔ)類型：標(biāo)準(zhǔn)存儲(chǔ)

• HDFS 服務(wù)：按需，我沒開通

• 同城冗余存儲(chǔ)：按需，我沒開通

• 版本控制：按需，我沒開通

• 讀寫權(quán)限：公共讀

• 服務(wù)端加密方式：無

• 實(shí)時(shí)日志查詢：按需，我沒開通

• 定時(shí)備份：按需，我沒開通

圖片來源：阿里云

信息填寫完畢后點(diǎn)擊“確定”，Bucket 創(chuàng)建好后頁面跳轉(zhuǎn)，選擇【基礎(chǔ)設(shè)置】-【鏡像回源】，點(diǎn)擊【設(shè)置】-【創(chuàng)建規(guī)則】

圖片來源：阿里云

填寫以下信息：

• 回源類型：鏡像

• 回源條件：HTTP 狀態(tài)碼 404；文件名前綴：不填；文件名后綴：不填

• 源站類型：按需，我不勾選

• 回源地址：輸入自己的網(wǎng)站地址，例如我的：matchtools.top

• 檢查 MD5：按需，我不勾選

• 透?jìng)?到源站：按需，我不勾選

• 回源參數(shù)：按需，我不勾選

• 3xx 請(qǐng)求響應(yīng)策略：勾選【跟隨源站重定向請(qǐng)求】

• 設(shè)置 HTTP header 傳遞規(guī)則：按需，我都不勾選

填寫完畢后回到之前點(diǎn)擊【傳輸管理】-【域名管理】，點(diǎn)擊【綁定域名】，輸入 cdn+自己網(wǎng)站的域名，例如我的：cdn.matchtools.top，之后按照要求去設(shè)置域名解析，或者勾選自動(dòng)添加 CNAME 記錄。

注意：我勾選了自動(dòng)添加 CNAME 記錄，可以回到【云解析 DNS】下查看解析記錄，如果能看到一條主機(jī)記錄為 cdn 的就可以了。（作為驗(yàn)證）

圖片來源：阿里云

接下來需要做的是，CDN 配置和上傳 HTTPS 證書，如果你已經(jīng)啟用了HTTPS 證書就需要上傳，如果還沒有這一步可以先跳過。

第二：CDN 配置

在 CDN 配置中填寫以下信息：

• 加速域名：無需修改，例如我的：cdn.matchtools.top

• 業(yè)務(wù)類型：圖片小文件

• 加速區(qū)域：按需，我選擇”僅中國內(nèi)地“

• 資源分組：不選擇

• 新增源站信息：選擇 OSS 域名，域名下拉選擇自己網(wǎng)站域名，其他項(xiàng)的優(yōu)先級(jí)、權(quán)重和端口均默認(rèn)，無需修改，或按需選擇。

圖片來源：阿里云

填寫完畢點(diǎn)擊“下一步”，會(huì)得到提示：恭喜您！cdn.xxx 域名添加成功。

最后一步還需要完成加速域名的 CNAME 解析設(shè)置，到這一步系統(tǒng)會(huì)分配一個(gè)新的 CNAME 記錄值，我們需要到云解析 DNS 中把這個(gè)新的 CNAME 記錄值修改至上一步自定添加的 CNAME 記錄值。修改后會(huì)得到 CNAME 已生效的反饋結(jié)果。

圖片來源：阿里云

至此，阿里云 CDN+OSS 的設(shè)置就全部完畢了。

相關(guān)閱讀：

WordPress性能優(yōu)化：使用CDN加速

WordPress建站全過程(避坑指南新手必看)

（來源：Hopeshe跨境）

以上內(nèi)容屬作者個(gè)人觀點(diǎn)，不代表雨果跨境立場(chǎng)！本文經(jīng)原作者授權(quán)轉(zhuǎn)載，轉(zhuǎn)載需經(jīng)原作者授權(quán)同意。?