如何在 WordPress 中啓用 HTTP/2 Server Push 1

如何在 WordPress 中啓用 HTTP/2 Server Push

何謂是 HTTP/2 Server Push?

簡單來講就是客戶端與伺服器在建立連結後,伺服器會主動將內容傳送給客戶端並建立快取,這樣之後瀏覽網站時,會請求資料就直接從快取中讀取出來,就不會在從伺服器下載回來,也並且大幅提升了載入速度。

舉例子好了,假如一個頁面裡有三個不同的資源文件,分別為 page.html、style.css、image.png 檔案,在請求 page.html 資源文件的時候,伺服器不僅快取了 page.html 內容,也會同時將 style.css、image.png 的檔案直接 Push 給客戶端,下次請求這兩個資源文件時,就可以直接從快取中讀取了。

如何在 WordPress 中啓用 HTTP/2 Server Push 3

HTTP/2 Server Push 將內容傳送到客戶端,而無需等待載入時間直接呈現。並且結合 HTTP/2 加速支援,Server Push 就能夠顯著減少載入網站所需的請求資料的數量。

要如何使用 Server Push?

CloudFlare 支援 HTTP/2 Server Push,可以透過 WordPress 安裝 CloudFlare 外掛套件並且啓用它。

若要使用此功能,您必須首先確保在您的網站有綁在 CloudFlare 上面以及安裝外掛套件,但您的網站主機必須要有支援 HTTP/2,否則腳本可能無法使用。

步驟一、安裝 WordPress 外掛套件

首先登錄到 WordPress 儀表板,點外掛套件頁面,搜尋 “CloudFlare”,然後安裝它並且啓用。

如何在 WordPress 中啓用 HTTP/2 Server Push 4

然後,可以到設置地方,並點擊 “CloudFlare” 選單選項,您會看到登入頁面,輸入您的註冊帳號跟 API Key填上去。

如何在 WordPress 中啓用 HTTP/2 Server Push 5

如何在 WordPress 中啓用 HTTP/2 Server Push 6

要查詢 API Key,在 CloudFlare 儀表板右上角的下拉式選單並點擊 “My Settings”,該頁面上找到 Global API Key 頁面,點 View API Key 就看到 API Key。

登入後,在 Apply Default Settings 頁面,來啓用優化套用自動配置完成。
(如有自訂的話,可不用按)

如何在 WordPress 中啓用 HTTP/2 Server Push 7

步驟二、wp-config.php 加入代碼啓用

CloudFlare 外掛套件配置完成後,把  wp-config.php  編輯內容裡,加入以下配置代碼即可啓用 HTTP/2 Server Push 傳送。

 define(‘CLOUDFLARE_HTTP2_SERVER_PUSH_ACTIVE’, true); 

如何在 WordPress 中啓用 HTTP/2 Server Push 8

輸入完成並且保存後,就會啓用 HTTP/2 Server Push 請求數據,可在 Chrome 開發工具裡查詢 (按 F12 呼叫),您會看到有 “Push” 字眼,表示啓用成功。

如何在 WordPress 中啓用 HTTP/2 Server Push 9

HTTP/2 Server Push 使用前注意事項

HTTP/2 Server Push 是一項功能強大的性能功能優勢,由於所需的往返請求資源數量次數減少,能提供一些明顯著的性能提升。但是,如下所述,使用 HTTP/2 Server Push 有可能要注意事項。

  1. 傳送請求資源數量太多的話,實際上性能會多多少少緩慢異常現象。
  2. 當伺服器主機被斷線,則傳送請求資料會將丟失。
  3. HTTP/2 Server Push 是最適合用於在快取頁面所需的備用資源。

 

如何在 WordPress 中啓用 HTTP/2 Server Push 10
最新情報をチェックしよう!
>最強の Multiple CDNs「mlytics」" width="1280" height="720" >

最強の Multiple CDNs「mlytics」


不同 CDN 的成本和性能各不相同,使用 mlytics Multiple CDNs 可以全面改善延遲和正常運行時間,也能完全控制 CDN 的配置,允許降低城市級網站性能。

mlytics 簡化了監控真實用戶,管理多個 CDN,自動化負載平衡以及為所有 CDN 建置 WAF DDoS 防禦。

對我們的 Multiple CDNs「mlytics」 服務有興趣嗎?想要更多了解的話,可以點擊下面【與我們聯繫】為您服務。

CTR IMG