天天看點

全面加速Wordpress站點:從文章頁到管理背景

影響Wordpress站點通路速度的主要因素

  1. 頁面上的圖檔、視訊等媒體檔案
  2. 一些較大的布局和外觀資源,如字型、css
  3. 站點背景相關資源 上述資源大小普遍較大,當伺服器帶寬不足時,就會讓加載速度明顯變長。

文章中用到的服務與插件

服務

  1. 阿裡雲OSS
  2. 阿裡雲CDN
  3. 阿裡雲DCDN

插件

  1. WPJAM BASIC
  2. 超級緩存
  3. 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)進入阿裡雲全站加速控制台,在“域名管理”中添加和配置全站加速域名

全面加速Wordpress站點:從文章頁到管理背景

注意:如果你的源站開啟了強制HTTPS,最好在全站加速配置中也全程采用HTTPS,至少要在源站資訊處将端口設定為443端口。如果您的HTTPS部署在特殊端口,建議跳過這一步或發工單和客服溝通申請特定端口。

(3) 傳回DNS控制台,将主域名(原來的站點域名)的A記錄删除或暫停,新增CNAME記錄,指向全站加速提供的CNAME

全面加速Wordpress站點:從文章頁到管理背景

(4) 傳回全站加速控制台進行配置

以圖中配置為例,請重點關注紅字注明的部分,其餘部分可按需開啟

全面加速Wordpress站點:從文章頁到管理背景
全面加速Wordpress站點:從文章頁到管理背景
全面加速Wordpress站點:從文章頁到管理背景
全面加速Wordpress站點:從文章頁到管理背景

注:在“動靜态加速規則-靜态路徑”中,可以将wp-content等存有靜态資源的目錄添加上去,具體添加格式可以參考相關頁面的幫助文檔

(5) 用原來的域名通路你的站點,檢測可通路性。

建議通路一次後重新整理緩存再次通路,檢測有無速度變化。

建議打開F12後再次重新整理,在console中檢測有無加載異常的資源

如果遇到ERR_TOO_MANY_REDIRECT,一般為回源配置問題,建議檢查伺服器站點配置中是否同時存在這兩個域名的解析,必要時可以将全站加速-回源配置内将回源SNI/回源HOST切換為源站域名嘗試。

正常情況下:使用原域名能直接通路站點,且不會發生跳轉。ping源域名得到的IP為阿裡雲DCDN節點IP(可在全站加速-管理工具-IP檢測中進行檢測)

2. 配置WPJAM Basic和阿裡雲OSS

效果: 加速公開的網頁資源

步驟:

  1. 登入wordpress背景,安裝WPJAM Basic插件
  2. 在插件頁面啟用進階功能
  3. 在WPJAM-優化設定中啟用基本的前端加速服務(主要是Gravatar加速和Google字型加速)
  4. 進入阿裡雲OSS控制台,建立bucket
全面加速Wordpress站點:從文章頁到管理背景

此外,服務端加密需選擇無

  1. 進入建立的bucket,在基礎設定-鏡像回源中添加源站資訊
全面加速Wordpress站點:從文章頁到管理背景
  1. 進入CDN控制台,想一個加速域名(不同于主域名和源站域名),建立一個CDN 填入你起的加速域名,然後在源站資訊中填寫你的oss域名
全面加速Wordpress站點:從文章頁到管理背景
  1. 進入DNS控制台,建立加速域名CNAME記錄,将其解析至CDN服務提供的域名。
  2. (建議步驟)在你建立的CDN的設定(管理)中的回源配置-回源HTTP響應頭中,增加Access-Control-Allow-Origin響應頭,其值設為你的主域名,不允許重複。
全面加速Wordpress站點:從文章頁到管理背景
  1. (可選步驟)如果要開啟HTTPS,請在HTTPS配置中上傳加速域名的HTTPS證書
  2. 在緩存配置-緩存過期時間中設定一個常用緩存過期時間
  3. 回到OSS控制台,在傳輸管理-域名管理中應該能看到CDN域名詳情。
全面加速Wordpress站點:從文章頁到管理背景
  1. 回到wordpress站點的WPJAM Basic-CDN加速配置頁面,進行配置
全面加速Wordpress站點:從文章頁到管理背景
全面加速Wordpress站點:從文章頁到管理背景
全面加速Wordpress站點:從文章頁到管理背景
  1. 儲存設定

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 設定-預緩存中預緩存已釋出的文章

優化結果

全面加速Wordpress站點:從文章頁到管理背景

繼續閱讀