如何在 WordPress 中縮小 CSS / JavaScript 文件(3 種方法)

您想縮小 wordpress 網站上的文件嗎?

縮小 WordPress cssJavaScript 文件可以使其加載速度更快,并加快您的 WordPress 網站的速度。

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

如何在 WordPress 中縮小 CSS / JavaScript 文件(3 種方法)

什么是縮小以及何時需要它?

術語“縮小”用于描述一種縮小網站文件大小的方法。它通過從源代碼中刪除空格、行和不必要的字符來實現這一點。

立即學習Java免費學習筆記(深入)”;

下面是一個普通 CSS 代碼的示例:

如何在 WordPress 中縮小 CSS / JavaScript 文件(3 種方法)

從這里,您需要檢查“縮小 CSS 文件”選項。

然后 WP Rocket 會向您顯示一條警告,表明這可能會破壞您網站上的內容。繼續并單擊“激活 Minify CSS”按鈕。如果此選項導致您的網站出現任何問題,您可以隨時停用此選項。

如何在 WordPress 中縮小 CSS / JavaScript 文件(3 種方法)

接下來,您需要向下滾動到下面的 JavaScript 文件部分。

在這里,只需選中“縮小 JavaScript 文件”選項旁邊的框即可。

如何在 WordPress 中縮小 CSS / JavaScript 文件(3 種方法)

同樣,您會看到一條警告,表明這可能會破壞您網站上的內容。繼續并單擊“激活 Minify JavaScript”按鈕。

之后,不要忘記單擊“保存更改”按鈕來存儲您的設置。

WP Rocket 現在將開始縮小您的 CSS 和 JavaScript 文件。您可以在插件設置中清除緩存,以確保它開始為下一個網站訪問者使用縮小的 CSS 和 JavaScript。

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

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

SiteGround Optimizer 是一個在自己的平臺上運行的性能優化插件。它與他們的Ultrafast php配合良好,可以改善網站的加載時間。

只需在您的 WordPress 網站上安裝并激活 SiteGround Optimizer 插件即可。有關更多詳細信息,請參閱我們有關如何安裝 WordPress 插件的分步指南。

之后,您需要單擊 WordPress 管理側邊欄中的 SG Optimizer 菜單。

如何在 WordPress 中縮小 CSS / JavaScript 文件(3 種方法)

這將帶您進入 SG Optimizer 設置。

從這里,您需要單擊“其他優化”下的“轉到前端”按鈕。

如何在 WordPress 中縮小 CSS / JavaScript 文件(3 種方法)

在下一個屏幕上,您將能夠管理 CSS 前端。

您需要打開“縮小 CSS 文件”選項旁邊的開關。

如何在 WordPress 中縮小 CSS / JavaScript 文件(3 種方法)

接下來,您需要切換到 JavaScript 選項卡并打開“縮小 JavaScript 文件”選項旁邊的開關。

就這樣!您現在可以清空 WordPress 緩存并訪問您的網站以加載 CSS 和 JS 文件的縮小版本。

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

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

首先,您需要安裝并激活Autoptimize插件。有關更多詳細信息,請參閱我們有關如何安裝 WordPress 插件的分步指南。

激活后,您需要訪問設置?自動優化頁面來配置插件設置。

從這里,您首先需要檢查 JavaScript 選項下的“優化 JavaScript 代碼”選項。

如何在 WordPress 中縮小 CSS / JavaScript 文件(3 種方法)

之后,您需要向下滾動到 CSS 選項。

到達那里后,您應該選中“優化 CSS 代碼”選項旁邊的框。

如何在 WordPress 中縮小 CSS / JavaScript 文件(3 種方法)

不要忘記單擊“保存更改”按鈕來存儲您的設置。

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

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

? 版權聲明
THE END
喜歡就支持一下吧
點贊8 分享