手把手教你 WordPress 使用阿里雲 CDN 教程，讓你的網站飛起來

研究代表，用戶最滿意的打開網頁時間，是在 2 秒如下。用戶可以忍受的最長等待時間在 6～8 秒之間。就是說，8 秒是一個臨界值，若是你的網站打開速度在 8 秒以上，那麼你將失去大部分用戶。研究顯示，若是等待 12 秒之後，網頁仍是沒有載入，那麼 99% 以上的用戶會選擇關閉網頁。

Google 作過一個試驗，10 條搜索結果的頁面載入時間須要 0.4 秒，顯示 30 條搜索結果的頁面載入時間須要 0.9 秒，結果後者使得 Google 總的流量和收入減小了 20%。Google 地圖上線的時候，首頁大小有 100KB，後來降低到 70~80KB。結果，流量在第一個星期上升了 10%，接下來的 3 個星期又再上升了 25%。Amazon 的統計也顯示了相近的結果，首頁打開時間每增長 100 毫秒，網站銷售量會減小 1%。

以上數聽說明了一個很是重要的問題，若是你的網站速度若是超過 2s 以上，那麼你的客戶可能在流失和離你而去了。這一點對於電商網站尤爲重要，打開速度慢，那麼將形成轉化率下降，損失將會大量增長。

網站的訪問速度受到不少因素影響。服務器的帶寬、服務器的 cpu、內存等硬件配置、網站的代碼質量、css 和 js 文件是否合併成了一個請求、用戶的訪問地理位置、用戶的線路、數據庫語句是否高效等等。影響一個網站速度的因素很是多，須要針對每一項因素作優化。

隨着雲計算的普及，cdn 逐漸隨着雲計算的普及而普及。並且隨着雲計算技術的發展，不少大廠商開發了不少底層系統，將這些服務直接打包用來出售。例如 cdn 服務，隨着這幾年技術的發展，cdn 的價格已經愈來愈便宜。若是本身逐一去優化網站中每一個性能瓶頸，那麼將耗費大量的時間。cdn 服務將整套服務打包，將全站的訪問速度總體提高一個量級，再也不須要你再作耗時耗力的優化工做，可以節約大量時間去作推廣。今天就來介紹下 WordPress 使用 阿里雲 cdn 的教程。

手把手教你 WordPress 使用阿里雲 CDN 教程 讓你的網站飛起來

添加域名

進入域名管理，點擊添加域名，以下圖：

• 「加速域名」輸入你要加速的域名，通常是你的二級域名：如：www.domain.com。
• 「業務類型」選擇「圖片小文件」。
• 「源站信息」選擇「IP」，輸入框輸入本身源站的 IP 地址。
• 「端口」，若是源站是 http 的，則選擇 80 端口，若是源站是 https 的，須要選擇 443 端口，不然會致使 cdn 不斷的 301 重定向，致使網站沒法訪問。

添加完成後，界面提示以下：

配置 CNAME

• 進入域名管理，複製域名的 CNAME 值。

• 進入雲解析控制檯，選擇對應的域名，添加一條 CNAME 記錄。

https 配置

若是源站是 https 的，還須要在 cdn 上進行 https 配置。

域名管理控制檯，選擇對應的域名，選擇「HTTPS 配置」。

• 勾選「HTTPS 安全加速」，若是你的 https 證書是在阿里雲購買的，在「證書類型」選項，選擇「雲盾」，系統會自動將證書導入。關於如何購買阿里雲 SSL 證書，能夠參考阿里雲免費申請 SSL 證書。由於我是阿里雲購買的，因此直接選擇了雲盾。
• 「強制跳轉」處，勾選 「HTTP -> HTTPS」。
• 勾選「HTTP/2」，勾選「TLS 版本控制」-> 「TLSv 1.3」。

緩存配置

緩存配置分爲目錄和文件後綴名 2 種方式，權重分爲 1～99 等級，99 最大，1 最小，權重大會優先緩存。若是控制檯的緩存不配置，阿里雲 cdn 默認緩存的時間是：(當前時間 - lastModified) * 0.1，取值範圍爲：10s～3600s 之間。

下圖是個人站點配置方案，能夠作參考：

我配置了根目錄 / 的 7 天過時時間，是由於個人網站全部結構都是 1 級目錄結構(www.domain.com/ur1/)，沒法根據 url 目錄詳細區分，若是你的站點能夠區分 url 目錄結構，能夠配置的更加詳細。

動態內容無需緩存，因此我對 wp-admin 目錄緩存時間設置爲 0。

控制檯配置的緩存時間並非絕對時間，假設你的 js 緩存時間是 3 個月，可是你的站點訪問量很是少，cdn 會提早將內容過時，直到下次從新訪問，緩存纔會從新生效。

配置 Cache-Control

Cache-Control 是什麼？Cache-Control 通用消息頭字段，被用在 http 請求和響應中，經過指定指令來實現緩存機制。阿里雲的 cdn 也是經過這個字段來判斷是否緩存的，若是你的服務器容器的 Cache-Control 爲 no-cache，那麼阿里雲 cdn 是沒法進行緩存的。這個字段能夠經過 chrome 瀏覽器的 Network 查看，以下圖：

配置 cache - control 有 2 種方法，阿里雲 cdn 控制檯配置 HTTP 頭、源站配置 Cache-Control。

• 第 1 種方法：阿里雲 cdn 配置 HTTP 頭，在阿里雲 cdn 控制檯進入「緩存配置」->「HTTP 頭」添加參數：Cache-Control:public。

• 第 2 種方法：源站服務器添加 Cache-Control 配置，這裏以 nginx 爲例，打開 nginx 的 conf 配置文件，在 server 節點下添加以下代碼：

add_header Cache-Control public;

關於阿里雲 cdn 詳細的解釋能夠參考配置緩存過時時間。

性能優化

性能優化主要勾選阿里雲 cdn 控制檯的 3 個選項。

• 頁面優化，主要是去除 HTML 頁面頁面冗餘內容，如註釋以及重複的空白符，節省帶寬，加快訪問速度。
• 智能壓縮，對靜態文件類型進行 Gzip 壓縮, 有效減小用戶傳輸內容大小。
• Brotli 壓縮，Google 在 2015 年 9 月推出了無損壓縮算法 Brotli。Brotli 經過變種的 LZ77 算法、Huffman 編碼以及二階文本建模等方式進行數據壓縮，與其餘壓縮算法相比，它有着更高的壓縮效率。開啓後，查看 css、js 的 content-encoding 值爲 br，就說明啓用了 Brotli 壓縮。

如何查看是否命中 CDN 緩存

首先在 dos 界面 ping 域名，查看返回信息，若是返回後綴爲：w.kunlungr.com 的域名信息，說明 CNAME 的配置生效了。可是這並不能說明網站已經命中 cdn 緩存。

查看網站是否命中 cdn 緩存的方法。打開 Chrome 瀏覽器的 Network 選項卡，刷新網站，找到 Response Headers 的 x-cache 屬性，若是爲 HIT 則代表命中緩存，若是爲 MISS 則代表未命中緩存。

刷新緩存

若是在源站更新了內容，想要馬上生效，可使用「刷新預熱」功能。

效果如何？

咱們花了大量的時間和精力作了 cdn 的配置和優化，那麼效果到底如何呢？有沒有能夠量化的數據來驗證呢？下面是個人統計數據圖。

未配置 cdn 前的統計時間，平均時間大約爲 1500 ms。

啓用 cdn 後，時間下降爲 130 ms 左右。

訪問時間直接提高了10 倍以上，提高效果仍是很是明顯的。

查看更多：https://yq.aliyun.com/article..._content=g_1000104491

上雲就看雲棲號：更多雲資訊，上雲案例，最佳實踐，產品入門，訪問：https://yqh.aliyun.com/