您想學(xué)習(xí)如何輕松修復(fù) WordPress 中的利用瀏覽器緩存警告嗎？
通過(guò)修復(fù)利用瀏覽器緩存警告，您將快速加速您的 WordPress 網(wǎng)站并為您的網(wǎng)站訪問(wèn)者提供更好的體驗(yàn)。
在本文中，我們將向您展示如何輕松修復(fù) WordPress 中的利用瀏覽器緩存警告。
什么是 WordPress 中的瀏覽器緩存？
瀏覽器緩存是一種提高網(wǎng)站加載速度的方法。當(dāng)一個(gè)網(wǎng)頁(yè)加載時(shí)，所有的文件將被單獨(dú)加載。
這會(huì)在瀏覽器和WordPress 托管服務(wù)器之間創(chuàng)建多個(gè)請(qǐng)求，從而增加網(wǎng)頁(yè)加載時(shí)間。
啟用瀏覽器緩存后，您的 Web 瀏覽器會(huì)在本地存儲(chǔ)您的網(wǎng)頁(yè)副本。這允許瀏覽器在用戶訪問(wèn)您網(wǎng)站上的第二頁(yè)時(shí)更快地加載常見文件，如樣式表、徽標(biāo)、圖像等。
這減少了整體服務(wù)器負(fù)載，因?yàn)閷?duì)實(shí)際服務(wù)器的請(qǐng)求會(huì)減少，因此您的網(wǎng)站性能將得到改善。
您將在哪里看到 WordPress 的使用瀏覽器緩存警告？
使用瀏覽器緩存警告意味著您沒有啟用瀏覽器緩存，或者您的緩存設(shè)置可能錯(cuò)誤。
當(dāng)您運(yùn)行網(wǎng)站速度測(cè)試時(shí)，您會(huì)收到一份報(bào)告，其中顯示您可以修復(fù)哪些方法來(lái)加速 WordPress。
如果您的網(wǎng)站當(dāng)前未使用瀏覽器緩存，那么您將收到啟用瀏覽器緩存的警告。
這就是從頁(yè)面速度洞察工具查看結(jié)果時(shí)的樣子。
有時(shí)您會(huì)收到一條警告，指出您的高效緩存策略不起作用。
這兩個(gè)警告都是指您的瀏覽器緩存設(shè)置錯(cuò)誤。
利用瀏覽器緩存意味著激活和自定義緩存規(guī)則以加速您的網(wǎng)站。
話雖如此，讓我們來(lái)看看如何使用兩種不同的方法輕松修復(fù) WordPress 中的使用瀏覽器緩存警告。
只需使用下面的快速鏈接來(lái)選擇您希望如何修復(fù) WordPress 中的使用瀏覽器緩存警告。
方法 1. 使用 WP Rocket 插件修復(fù)使用瀏覽器緩存警告
WP Rocket是市場(chǎng)上最好的 WordPress 緩存插件。它非常適合初學(xué)者，即使不了解復(fù)雜的緩存和速度術(shù)語(yǔ)，也可以幫助您優(yōu)化站點(diǎn)以提高速度。
開箱即用，所有推薦的緩存設(shè)置都將真正加速您的WordPress 網(wǎng)站。
要使用 WP Rocket 修復(fù)利用瀏覽器緩存警告，您所要做的就是安裝并激活插件而已。
WP Rocket 將自動(dòng)啟用瀏覽器緩存并.htaccess使用正確的規(guī)則修改您的文件。
注意：如果您使用的是SiteGround虛擬主機(jī)，則可以改用免費(fèi)的SiteGround Optimizer 插件。
它具有與 WP Rocket 幾乎相同的功能，并且會(huì)自動(dòng)為您啟用瀏覽器緩存。
方法 2. 通過(guò)向 WordPress 添加代碼來(lái)修復(fù)利用瀏覽器緩存警告
第二種方法涉及向 WordPress 文件添加代碼。
這種方法對(duì)初學(xué)者不太友好，因此請(qǐng)僅在您確切知道自己在做什么時(shí)才遵循此方法。對(duì)于大多數(shù)企業(yè)主，我們建議使用方法 1。
話雖如此，讓我們來(lái)看看如何通過(guò)向 WordPress 添加代碼來(lái)修復(fù)利用瀏覽器緩存警告。
注意：在您自定義您的 WordPress 代碼之前，我們建議您備份您的 WordPress 網(wǎng)站。
確定您的網(wǎng)站運(yùn)行的是 Apache 還是 Nginx？
首先，您需要確定您的網(wǎng)站是使用Apache還是 Nginx 服務(wù)器。
為此，請(qǐng)?jiān)谛逻x項(xiàng)卡或窗口中打開您的網(wǎng)站。然后，右鍵單擊并選擇“檢查”選項(xiàng)。
接下來(lái)，單擊頁(yè)面頂部的“網(wǎng)絡(luò)”選項(xiàng)卡。
您可能需要刷新頁(yè)面才能加載結(jié)果。
之后，在“名稱”列中單擊您的域名。
它應(yīng)該在頁(yè)面的頂部。
然后，在“響應(yīng)標(biāo)頭”部分，您將看到一個(gè)名為“服務(wù)器”的項(xiàng)目，其中顯示了服務(wù)器的類型。在這種情況下，該站點(diǎn)在 Apache 服務(wù)器上運(yùn)行。
在 Apache 中添加緩存控制和過(guò)期標(biāo)頭
要使用 Apache 服務(wù)器修復(fù)杠桿瀏覽器緩存警告，您需要向.htaccess文件中添加代碼。
要編輯此文件，您需要使用 FTP 客戶端或主機(jī)的文件管理器工具連接到您的WordPress 主機(jī)帳戶。
連接后，您可以.htaccess在網(wǎng)站的根文件夾中看到您的文件。
如果找不到，請(qǐng)不要擔(dān)心。有時(shí)可以隱藏此文件。有關(guān)更多詳細(xì)信息，請(qǐng)參閱我們的.htaccess入門指南。
接下來(lái)，您需要添加緩存控制和/或過(guò)期標(biāo)頭以打開瀏覽器緩存。這會(huì)告訴 Web 瀏覽器在刪除網(wǎng)站資源之前應(yīng)將其存儲(chǔ)多長(zhǎng)時(shí)間。
cache-control 標(biāo)頭向 Web 瀏覽器提供了有關(guān)如何進(jìn)行緩存的特定詳細(xì)信息。
expires 標(biāo)頭啟用緩存并告訴 Web 瀏覽器它應(yīng)該在刪除特定文件之前存儲(chǔ)多長(zhǎng)時(shí)間。
您可以將以下代碼添加到您的.htaccess文件中以添加過(guò)期標(biāo)頭：
## EXPIRES HEADER CACHING ##
<IfModule mod_expires.c>
ExpiresActive On
ExpiresByType image/jpg "access 1 year"
ExpiresByType image/jpeg "access 1 year"
ExpiresByType image/gif "access 1 year"
ExpiresByType image/png "access 1 year"
ExpiresByType image/svg "access 1 year"
ExpiresByType text/css "access 1 month"
ExpiresByType application/pdf "access 1 month"
ExpiresByType application/javascript "access 1 month"
ExpiresByType application/x-javascript "access 1 month"
ExpiresByType application/x-shockwave-flash "access 1 month"
ExpiresByType image/x-icon "access 1 year"
ExpiresDefault "access 3 days"
</IfModule>
## EXPIRES HEADER CACHING ##此代碼根據(jù)文件類型設(shè)置不同的緩存到期日期。
之后，您可以添加以下代碼以啟用緩存控制：
<filesMatch ".(ico|pdf|flv|jpg|jpeg|png|gif|svg|js|css|swf)$">
Header set Cache-Control "max-age=96000, public"
</filesMatch>此代碼設(shè)置緩存到期的時(shí)間。在上面的示例中，緩存將在 90,000 秒后過(guò)期。之后，Web 瀏覽器將請(qǐng)求文件的新版本。
在 Nginx 中添加緩存控制和過(guò)期標(biāo)頭
如果您使用 Nginx Web 服務(wù)器來(lái)托管您的WordPress 博客，那么您可以編輯服務(wù)器配置文件來(lái)修復(fù)瀏覽器緩存錯(cuò)誤。
您如何編輯和訪問(wèn)此文件取決于您的主機(jī)，因此如果您在訪問(wèn)該文件時(shí)需要幫助，可以聯(lián)系您的主機(jī)提供商。
然后，您需要添加以下代碼來(lái)添加過(guò)期標(biāo)頭：
location ~* \.(jpg|jpeg|gif|png|svg)$ {
expires 365d;
}
location ~* \.(pdf|css|html|js|swf)$ {
expires 3d;
}此代碼將為不同的文件類型設(shè)置過(guò)期時(shí)間。請(qǐng)注意，圖像的緩存時(shí)間比 HTML、CSS、JS 和其他文件類型長(zhǎng)，因?yàn)閳D像通常保持不變。
之后，您可以添加以下代碼來(lái)添加緩存控制標(biāo)頭：
location ~* \.(js|css|png|jpg|jpeg|gif|svg|ico)$ {
expires 14d;
add_header Cache-Control "public, no-transform";
}此代碼設(shè)置緩存到期的時(shí)間。它告訴您的服務(wù)器上述文件類型在 14 天內(nèi)不會(huì)更改。
如果您希望進(jìn)一步加快 WordPress 的速度，請(qǐng)務(wù)必查看我們關(guān)于如何提高 WordPress 速度和性能的指南。
我們希望本文能幫助您了解如何輕松修復(fù) WordPress 中的利用瀏覽器緩存警告。
注：文本出自 wpbeginner.com，由 WordPress大學(xué) 翻譯整理。
