影響Wordpress站點通路速度的主要因素
- 頁面上的圖檔、視訊等媒體檔案
- 一些較大的布局和外觀資源,如字型、css
- 站點背景相關資源 上述資源大小普遍較大,當伺服器帶寬不足時,就會讓加載速度明顯變長。
文章中用到的服務與插件
服務
- 阿裡雲OSS
- 阿裡雲CDN
- 阿裡雲DCDN
插件
- WPJAM BASIC
- 超級緩存
- WP Admin Boost
優化部署過程
1. 部署全站加速
效果:
(1)優化一些動态資源的通路速度
(2)可以隐藏源站IP、并為沒有IPv6的源站主機帶來IPv6通路功能
過程:
(1)在現有站點域名之外再新增一個源站域名(多為子域名),確定這兩個域名均解析到源主機
例:Nginx配置檔案
server {
listen 80; listen 443 ssl http2;
server_name [此處填寫主域名(原來的域名,将作為全站加速域名使用)] [此處填寫你新增的源站域名];
# 添加域名後,請在DNS控制台中添加解析,将其解析至您主機IP
index index.php index.html index.htm default.php default.htm default.html;
(2)進入阿裡雲全站加速控制台,在“域名管理”中添加和配置全站加速域名

注意:如果你的源站開啟了強制HTTPS,最好在全站加速配置中也全程采用HTTPS,至少要在源站資訊處将端口設定為443端口。如果您的HTTPS部署在特殊端口,建議跳過這一步或發工單和客服溝通申請特定端口。
(3) 傳回DNS控制台,将主域名(原來的站點域名)的A記錄删除或暫停,新增CNAME記錄,指向全站加速提供的CNAME
(4) 傳回全站加速控制台進行配置
以圖中配置為例,請重點關注紅字注明的部分,其餘部分可按需開啟
注:在“動靜态加速規則-靜态路徑”中,可以将wp-content等存有靜态資源的目錄添加上去,具體添加格式可以參考相關頁面的幫助文檔
(5) 用原來的域名通路你的站點,檢測可通路性。
建議通路一次後重新整理緩存再次通路,檢測有無速度變化。
建議打開F12後再次重新整理,在console中檢測有無加載異常的資源
如果遇到ERR_TOO_MANY_REDIRECT,一般為回源配置問題,建議檢查伺服器站點配置中是否同時存在這兩個域名的解析,必要時可以将全站加速-回源配置内将回源SNI/回源HOST切換為源站域名嘗試。
正常情況下:使用原域名能直接通路站點,且不會發生跳轉。ping源域名得到的IP為阿裡雲DCDN節點IP(可在全站加速-管理工具-IP檢測中進行檢測)
2. 配置WPJAM Basic和阿裡雲OSS
效果: 加速公開的網頁資源
步驟:
- 登入wordpress背景,安裝WPJAM Basic插件
- 在插件頁面啟用進階功能
- 在WPJAM-優化設定中啟用基本的前端加速服務(主要是Gravatar加速和Google字型加速)
- 進入阿裡雲OSS控制台,建立bucket
此外,服務端加密需選擇無
- 進入建立的bucket,在基礎設定-鏡像回源中添加源站資訊
- 進入CDN控制台,想一個加速域名(不同于主域名和源站域名),建立一個CDN 填入你起的加速域名,然後在源站資訊中填寫你的oss域名
- 進入DNS控制台,建立加速域名CNAME記錄,将其解析至CDN服務提供的域名。
- (建議步驟)在你建立的CDN的設定(管理)中的回源配置-回源HTTP響應頭中,增加Access-Control-Allow-Origin響應頭,其值設為你的主域名,不允許重複。
- (可選步驟)如果要開啟HTTPS,請在HTTPS配置中上傳加速域名的HTTPS證書
- 在緩存配置-緩存過期時間中設定一個常用緩存過期時間
- 回到OSS控制台,在傳輸管理-域名管理中應該能看到CDN域名詳情。
- 回到wordpress站點的WPJAM Basic-CDN加速配置頁面,進行配置
- 儲存設定
3. 使用WP Admin Boost加速背景
WordPress背景一般開放于權限更高的使用者,當然有些WordPress網站背景也會直接對普通使用者開放。WordPress背景與前台的不同在于背景是動态的。由于WordPress背景可以對整個網站進行調整,是以背景作為動态頁面亦無可厚非。但問題就在于,即便使用了全站CDN,在通路WordPress背景時,為了保證動态通路,所有的js、css等小檔案都是根據每次通路而請求一次的。這無疑加劇了網站伺服器的開銷。
那麼有沒有辦法把一些小檔案不再從源伺服器請求?當然是有的,但這裡要考慮一些問題:
從CDN請求後,小檔案能不能随着WordPress的版本更新而即時更新?
這些小檔案對WordPress背景的運作至關重要,CDN是否有被投毒的風險?
——來源:潘羿《WordPress背景加速 – 使用CDN替代本地小檔案》,無主界。(注:該文章作者也是這個插件的作者)
安裝插件之後直接啟用,然後在插件設定中開啟“加速管理背景”即可。
4. 使用超級緩存生成靜态緩存頁面
(1)進入wordpress背景插件頁面,安裝wp super cache(超級緩存)
(2)在設定-wp super cache中啟用緩存功能(啟用時若遇到問題,請參照插件提示進行站點配置)
(3)在WP Super Cache 設定-預緩存中預緩存已釋出的文章