您想縮小 wordpress 網(wǎng)站上的文件嗎？

縮小 wordpress css 和 JavaScript 文件可以使其加載速度更快，并加快您的 WordPress 網(wǎng)站的速度。

在本指南中，我們將向您展示如何輕松縮小 WordPress 中的 CSS/JavaScript 文件以提高性能和速度。

什么是縮小以及何時(shí)需要它？

術(shù)語“縮小”用于描述一種縮小網(wǎng)站文件大小的方法。它通過從源代碼中刪除空格、行和不必要的字符來實(shí)現(xiàn)這一點(diǎn)。

立即學(xué)習(xí)“Java免費(fèi)學(xué)習(xí)筆記（深入）”；

下面是一個(gè)普通 CSS 代碼的示例：

從這里，您需要檢查“縮小 CSS 文件”選項(xiàng)。

然后 WP Rocket 會(huì)向您顯示一條警告，表明這可能會(huì)破壞您網(wǎng)站上的內(nèi)容。繼續(xù)并單擊“激活 Minify CSS”按鈕。如果此選項(xiàng)導(dǎo)致您的網(wǎng)站出現(xiàn)任何問題，您可以隨時(shí)停用此選項(xiàng)。

接下來，您需要向下滾動(dòng)到下面的 JavaScript 文件部分。

在這里，只需選中“縮小 JavaScript 文件”選項(xiàng)旁邊的框即可。

同樣，您會(huì)看到一條警告，表明這可能會(huì)破壞您網(wǎng)站上的內(nèi)容。繼續(xù)并單擊“激活 Minify JavaScript”按鈕。

之后，不要忘記單擊“保存更改”按鈕來存儲(chǔ)您的設(shè)置。

WP Rocket 現(xiàn)在將開始縮小您的 CSS 和 JavaScript 文件。您可以在插件設(shè)置中清除緩存，以確保它開始為下一個(gè)網(wǎng)站訪問者使用縮小的 CSS 和 JavaScript。

方法 2. 使用 SiteGround 縮小 WordPress 中的 CSS/JavaScript

如果您使用SiteGround作為WordPress 托管提供商，則可以使用SiteGround?Optimizer 縮小 CSS 文件。

SiteGround Optimizer 是一個(gè)在自己的平臺(tái)上運(yùn)行的性能優(yōu)化插件。它與他們的Ultrafast php配合良好，可以改善網(wǎng)站的加載時(shí)間。

只需在您的 WordPress 網(wǎng)站上安裝并激活 SiteGround Optimizer 插件即可。有關(guān)更多詳細(xì)信息，請(qǐng)參閱我們有關(guān)如何安裝 WordPress 插件的分步指南。

之后，您需要單擊 WordPress 管理側(cè)邊欄中的 SG Optimizer 菜單。

這將帶您進(jìn)入 SG Optimizer 設(shè)置。

從這里，您需要單擊“其他優(yōu)化”下的“轉(zhuǎn)到前端”按鈕。

在下一個(gè)屏幕上，您將能夠管理 CSS 前端。

您需要打開“縮小 CSS 文件”選項(xiàng)旁邊的開關(guān)。

接下來，您需要切換到 JavaScript 選項(xiàng)卡并打開“縮小 JavaScript 文件”選項(xiàng)旁邊的開關(guān)。

就這樣！您現(xiàn)在可以清空 WordPress 緩存并訪問您的網(wǎng)站以加載 CSS 和 JS 文件的縮小版本。

方法 3. 使用 Autoptimize 縮小 CSS/JavaScript

建議不在 SiteGround 且未使用 WP Rocket 的用戶使用此方法。

首先，您需要安裝并激活A(yù)utoptimize插件。有關(guān)更多詳細(xì)信息，請(qǐng)參閱我們有關(guān)如何安裝 WordPress 插件的分步指南。

激活后，您需要訪問設(shè)置?自動(dòng)優(yōu)化頁面來配置插件設(shè)置。

從這里，您首先需要檢查 JavaScript 選項(xiàng)下的“優(yōu)化 JavaScript 代碼”選項(xiàng)。

之后，您需要向下滾動(dòng)到 CSS 選項(xiàng)。

到達(dá)那里后，您應(yīng)該選中“優(yōu)化 CSS 代碼”選項(xiàng)旁邊的框。

不要忘記單擊“保存更改”按鈕來存儲(chǔ)您的設(shè)置。

然后您可以單擊“清空緩存”按鈕開始使用縮小的文件。該插件還可用于修復(fù) WordPress 中渲染阻塞的 JavaScript 和 CSS。

我們希望本文能幫助您縮小 WordPress 網(wǎng)站上的 CSS 和 JavaScript。您可能還想查看我們關(guān)于在 WordPress 中優(yōu)化 Core Web Vitals 的指南以及我們專家精選的最佳拖放式 WordPress 頁面構(gòu)建器。