Brotli壓縮：提升WordPress網(wǎng)站性能的利器

核心要點(diǎn)：

• Google推出的新型壓縮算法Brotli能顯著提升WordPress網(wǎng)站性能，方法是減小文件大小，加快加載速度。
• 在服務(wù)器上安裝和配置Brotli可能比較複雜，因?yàn)樗形丛诹餍械腤eb服務(wù)器上正式發(fā)布，需要手動配置才能與WordPress完全集成。
• Brotli的壓縮率比另一種現(xiàn)代壓縮算法Gzip高出20-26%，從而產(chǎn)生更小的文件和更快的加載速度。
• 儘管Brotli有很多優(yōu)點(diǎn)，但並非所有瀏覽器都支持它，而且只能在HTTPS上使用，這可能會給一些用戶帶來採用上的挑戰(zhàn)。

WordPress憑藉易用性、強(qiáng)大的社區(qū)支持和可配置性等諸多優(yōu)勢成為優(yōu)秀的CMS。然而，WordPress用戶經(jīng)常面臨的一個難題是網(wǎng)站性能問題。本文將探討B(tài)rotli壓縮及其對WordPress性能的影響。

免責(zé)聲明：我為KeyCDN工作，此處引用了他們的一些文章和工具。

網(wǎng)上有很多關(guān)於“加速WordPress”的文章，它們提供了許多改進(jìn)網(wǎng)站加載速度的方法，包括使用插件進(jìn)行優(yōu)化。然而，自從Google發(fā)布了最新的壓縮算法Brotli以來，收集到的數(shù)據(jù)還不足以確定在WordPress網(wǎng)站上啟用它會帶來什麼樣的性能提升。

在本文中，我們將通過在三種不同場景下測試WordPress性能來衡量Brotli壓縮的效果：

1. 啟用Gzip的WordPress
2. 啟用Brotli的WordPress
3. 啟用Brotli 支持Brotli的CDN的WordPress

什麼是Brotli壓縮？

Brotli（以一種瑞士烘焙產(chǎn)品命名）是Google在2015年發(fā)布的一種相對較新的壓縮算法。根據(jù)Google的說法，Brotli壓縮結(jié)合使用了現(xiàn)代LZ77算法變體、霍夫曼編碼和二階上下文建模。

Google使用Brotli壓縮算法進(jìn)行了各種測試，並將結(jié)果與其他現(xiàn)代壓縮算法進(jìn)行了對比。根據(jù)這項(xiàng)研究，Google發(fā)現(xiàn)Brotli在壓縮率方面平均比Zopfli（另一種現(xiàn)代壓縮算法）高出20-26%。在性能方面，文件壓縮得越小總是受歡迎的。

在服務(wù)器上安裝和配置Brotli

Brotli的一個小缺點(diǎn)是它尚未在任何流行的Web服務(wù)器上正式發(fā)布。這意味著，如果您今天想在服務(wù)器上啟用Brotli，則需要進(jìn)行一些配置工作。以下Brotli性能測試均在運(yùn)行Nginx的Ubuntu 16.04.2 LTS上進(jìn)行（需要了解如何使用Nginx？請查看SitePoint高級課程《使用Nginx加速網(wǎng)站》）。下面，我們將逐步介紹如何在相同的操作系統(tǒng)和Web服務(wù)器上運(yùn)行Brotli。

Ubuntu 16.04是第一個允許您使用apt-get安裝Brotli的Ubuntu發(fā)行版。為此，只需運(yùn)行：

$ apt-get update && apt install brotli

完成後，您需要為Brotli壓縮安裝Nginx模塊並編譯最新版本的Nginx（當(dāng)前版本為1.13.0）：

$ apt-get update && apt install brotli

Brotli現(xiàn)在應(yīng)該已正確安裝在您的服務(wù)器上。接下來，您需要配置nginx.conf文件以指定所需的配置指令。以下指令用於這些性能測試；但是，您可以根據(jù)需要修改它們。

Brotli設(shè)置

$ git clone --recursive https://github.com/google/ngx_brotli ngx_brotli

$ wget http://nginx.org/download/nginx-1.13.0.tar.gz
$ tar zxvf nginx-1.13.0.tar.gz
$ cd nginx-1.13.0

$ ./configure --add-module=../ngx_brotli
$ make && make install

完整的指令列表可以在Nginx模塊Github頁面上找到。

由於修改了nginx.conf文件，因此最後一步是重新加載Nginx。為此，請運(yùn)行以下命令：

brotli on;
brotli_comp_level 3;
brotli_types text/plain text/css application/json application/javascript application/x-javascript text/xml application/xml application/xml+rss text/javascript;

測試Brotli支持

Brotli現(xiàn)在應(yīng)該已安裝並配置在您的服務(wù)器上。要驗(yàn)證這一點(diǎn)，您可以選擇兩種方法。

1. 使用Brotli測試工具，該工具將根據(jù)域名檢查服務(wù)器是否支持Brotli。
2. 使用Chrome瀏覽器，打開Chrome開發(fā)者工具並導(dǎo)航到“網(wǎng)絡(luò)”選項(xiàng)卡。刷新頁面並選擇一個資源。您應(yīng)該會看到content-encoding的值現(xiàn)在為br，代表Brotli。

配置Brotli以與WordPress配合使用

此時，您應(yīng)該能夠使用Brotli壓縮正確地交付WordPress資源。但是，如果您檢查HTML文檔的請求標(biāo)頭詳細(xì)信息，您可能會注意到content-encoding值仍然為“Gzip”。這是由於WordPress PHP代碼依賴於PHP設(shè)置zlib.output_compression“On”。

不幸的是，目前無法使用WP過濾器更改此設(shè)置。但是，隨著Brotli的普及，WordPress可能會引入簡單的修復(fù)程序。目前，您需要手動禁用zlib.output_compression，方法是編輯php.ini文件（如果使用PHP 7.0，則位於/etc/php/7.0/fpm/php.ini）。只需將zlib.output_compression設(shè)置為Off，然後使用systemctl restart php7.0-fpm.service重新啟動PHP。

現(xiàn)在，在檢查網(wǎng)站的HTML文檔時，您應(yīng)該能夠看到content-encoding標(biāo)頭值br。

在WordPress上進(jìn)行Brotli性能測試

如上所述，我們的Brotli性能測試是在三種不同的場景下進(jìn)行的。

1. 啟用Gzip的WordPress
2. 啟用Brotli的WordPress
3. 啟用Brotli 支持Brotli的CDN的WordPress

Brotli和Gzip壓縮級別均設(shè)置為“3”。可以根據(jù)您喜歡的文件節(jié)省量與壓縮時間來修改壓縮級別。每個測試都使用運(yùn)行“2017”主題的普通WordPress安裝。默認(rèn)情況下，此主題加載14個資源並傳輸236KB的數(shù)據(jù)。

需要注意的是，上述測試網(wǎng)站中的並非所有資源都是可壓縮的。例如，圖像既不會被Gzip壓縮，也不會被Brotli壓縮，任何第三方資源（如字體）也不會被Brotli壓縮。因此，使用Gzip的所有壓縮資源的總大小的基線為84.7KB。為了考慮加載時間的變化，我們對每個頁面都進(jìn)行了三次硬刷新，併計算了每個測試場景的平均加載時間。這樣，所有資源都將從服務(wù)器加載，而不是從瀏覽器緩存加載。

下表概述了加載速度和壓縮資源大小的結(jié)果。

正如結(jié)果所示，兩種Brotli壓縮方法的加載時間都比Gzip快，壓縮大小也更小。儘管頁面大小的差異並不顯著，但請記住，這些測試是在裸機(jī)WordPress安裝上進(jìn)行的。對於那些擁有許多資源的網(wǎng)站，多個資源上的少量節(jié)省肯定會累積起來。

此外，出於測試目的，我們將兩種壓縮方法都設(shè)置為最高級別，以觀察可壓縮資源大小的差異。結(jié)果如下：

• Brotli 11 – 壓縮大?。?7.7 KB
• Gzip 9 – 壓縮大?。?6.7 KB

儘管在這兩種情況下，將壓縮級別設(shè)置為最大可能並非必要（因?yàn)閴嚎s時間長得多），但值得注意的是，Brotli網(wǎng)站的可壓縮資源大小比Gzip網(wǎng)站的可壓縮資源大小小13.2%。

Brotli支持現(xiàn)狀

Brotli並非所有瀏覽器都普遍支持，儘管許多流行的瀏覽器目前都支持它（截至2017年5月）。

http://miracleart.cn/link/fc5f86251458722c799d1830fa0c2c1f

至於服務(wù)器支持，大多數(shù)流行的Web服務(wù)器都提供官方或社區(qū)創(chuàng)建的模塊。如本文的安裝過程所示，Nginx用戶必須安裝擴(kuò)展程序並使用Brotli支持編譯Nginx。同樣，Apache用戶可以使用mod_brotli模塊來交付Brotli壓縮的內(nèi)容。

Brotli的優(yōu)缺點(diǎn)

和任何事物一樣，使用Brotli也有其優(yōu)缺點(diǎn)。以下是一些需要考慮的幾點(diǎn)。

優(yōu)點(diǎn)

• 更小的壓縮結(jié)果
• 更快的加載時間
• 與Gzip相比，壓縮時間相當(dāng)

缺點(diǎn)

• 目前採用起來有點(diǎn)麻煩
• 並非所有瀏覽器都支持
• 需要手動配置才能與WordPress完全集成

此外，Brotli只能在HTTPS上使用，這既可以看作是優(yōu)點(diǎn)，也可以看作是缺點(diǎn)。一方面，它正在幫助更多網(wǎng)站從HTTP遷移到HTTPS，從而創(chuàng)建一個更安全的互聯(lián)網(wǎng)。另一方面，它為那些想要啟用Brotli但仍在使用HTTP的用戶帶來了更多工作。

總結(jié)

如測試結(jié)果所示，在WordPress網(wǎng)站上實(shí)現(xiàn)Brotli在性能方面非常有益。在源服務(wù)器上實(shí)現(xiàn)Brotli允許在服務(wù)器端進(jìn)行壓縮，然後在支持Brotli壓縮的CDN上緩存該內(nèi)容，從而實(shí)現(xiàn)更快的資源交付。

儘管Brotli尚未被所有瀏覽器普遍支持，但重要的是要識別訪問者最常使用的瀏覽器，並通過提供更快的加載時間來滿足他們的需求。此外，對於那些使用尚未支持的瀏覽器的用戶，這些瀏覽器只會回退到使用Gzip——雙贏的局面。

關(guān)於WordPress Brotli壓縮的常見問題解答（FAQ）

Brotli和Gzip壓縮有什麼區(qū)別？

Brotli和Gzip都是用於壓縮數(shù)據(jù)的算法，但它們有一些關(guān)鍵區(qū)別。由Google開發(fā)的Brotli是一種較新的算法，它比Gzip提供更好的壓縮率。這意味著它可以使文件更小，這可以加快網(wǎng)站的加載速度。但是，Brotli不像Gzip那樣得到廣泛支持，因此它可能無法在所有瀏覽器或服務(wù)器上運(yùn)行。

Brotli壓縮如何提高網(wǎng)站性能？

Brotli壓縮通過減小構(gòu)成網(wǎng)站的文件的大小來工作。這意味著當(dāng)用戶訪問您的網(wǎng)站時，他們的瀏覽器需要下載的數(shù)據(jù)更少，這可以加快加載速度。更快的加載速度可以改善用戶體驗(yàn)，並對網(wǎng)站的SEO產(chǎn)生積極影響。

所有瀏覽器都支持Brotli壓縮嗎？

雖然包括Google Chrome和Firefox在內(nèi)的許多現(xiàn)代瀏覽器都支持Brotli壓縮，但並非所有瀏覽器都支持它。例如，Internet Explorer不支持Brotli壓縮。因此，在決定是否使用Brotli壓縮時，務(wù)必考慮您的受眾及其可能的瀏覽器使用情況。

如何測試我的網(wǎng)站是否正在使用Brotli壓縮？

有幾種可用的在線工具可以測試您的網(wǎng)站是否正在使用Brotli壓縮。這些工具通過向您的網(wǎng)站發(fā)送請求，然後分析響應(yīng)以查看它是否已使用Brotli進(jìn)行壓縮來工作。

我可以在我的WordPress網(wǎng)站上使用Brotli壓縮嗎？

是的，您可以在您的WordPress網(wǎng)站上使用Brotli壓縮。但是，實(shí)現(xiàn)Brotli壓縮可能比其他類型的壓縮更複雜，因?yàn)樗枰薷姆?wù)器配置。還有一些插件可以幫助您在WordPress網(wǎng)站上實(shí)現(xiàn)Brotli壓縮。

使用Brotli壓縮的潛在缺點(diǎn)是什麼？

雖然Brotli壓縮可以提高加載時間，但它並非沒有潛在的缺點(diǎn)。首先，它不像其他壓縮方法（如Gzip）那樣得到廣泛支持。這意味著它可能無法在所有瀏覽器或服務(wù)器上運(yùn)行。此外，Brotli壓縮可能比其他方法更消耗資源，這可能會減慢服務(wù)器速度。

Brotli壓縮是如何工作的？

Brotli壓縮通過查找並刪除數(shù)據(jù)中的冗餘來工作。它使用常用單詞和短語的字典來將重複數(shù)據(jù)替換為更短的表示形式，從而減小數(shù)據(jù)的整體大小。

Brotli壓縮會影響我的網(wǎng)站SEO嗎？

是的，Brotli壓縮可能會對您的網(wǎng)站SEO產(chǎn)生積極影響。這是因?yàn)樗阉饕嬖趯W(wǎng)站進(jìn)行排名時考慮的因素之一是加載時間。通過減小網(wǎng)站文件的大小，從而提高加載速度，Brotli壓縮可以幫助提高網(wǎng)站的SEO。

Brotli壓縮適用於所有類型的網(wǎng)站嗎？

Brotli壓縮可以使許多類型的網(wǎng)站受益，特別是那些擁有大量文本數(shù)據(jù)（如博客或新聞網(wǎng)站）的網(wǎng)站。但是，對於包含大量多媒體內(nèi)容的網(wǎng)站，它可能不太有益，因?yàn)榇祟悆?nèi)容通常已經(jīng)過壓縮，並且使用Brotli可能不會看到顯著的尺寸減小。

如何在我的服務(wù)器上實(shí)現(xiàn)Brotli壓縮？

在服務(wù)器上實(shí)現(xiàn)Brotli壓縮通常需要修改服務(wù)器的配置文件以啟用Brotli壓縮並指定應(yīng)壓縮的文件類型。確切的過程可能因服務(wù)器的操作系統(tǒng)和您使用的Web服務(wù)器軟件而異。

以上是測量Brotli壓縮對WordPress的影響的詳細(xì)內(nèi)容。更多資訊請關(guān)注PHP中文網(wǎng)其他相關(guān)文章！