您想縮小 wordpress 網站上的文件嗎?
縮小 WordPress css 和 JavaScript 文件可以使其加載速度更快,并加快您的 WordPress 網站的速度。
在本指南中,我們將向您展示如何輕松縮小 WordPress 中的 CSS/JavaScript 文件以提高性能和速度。
什么是縮小以及何時需要它?
術語“縮小”用于描述一種縮小網站文件大小的方法。它通過從源代碼中刪除空格、行和不必要的字符來實現這一點。
立即學習“Java免費學習筆記(深入)”;
下面是一個普通 CSS 代碼的示例:
從這里,您需要檢查“縮小 CSS 文件”選項。
然后 WP Rocket 會向您顯示一條警告,表明這可能會破壞您網站上的內容。繼續并單擊“激活 Minify CSS”按鈕。如果此選項導致您的網站出現任何問題,您可以隨時停用此選項。
接下來,您需要向下滾動到下面的 JavaScript 文件部分。
在這里,只需選中“縮小 JavaScript 文件”選項旁邊的框即可。
同樣,您會看到一條警告,表明這可能會破壞您網站上的內容。繼續并單擊“激活 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 菜單。
這將帶您進入 SG Optimizer 設置。
從這里,您需要單擊“其他優化”下的“轉到前端”按鈕。
在下一個屏幕上,您將能夠管理 CSS 前端。
您需要打開“縮小 CSS 文件”選項旁邊的開關。
接下來,您需要切換到 JavaScript 選項卡并打開“縮小 JavaScript 文件”選項旁邊的開關。
就這樣!您現在可以清空 WordPress 緩存并訪問您的網站以加載 CSS 和 JS 文件的縮小版本。
方法 3. 使用 Autoptimize 縮小 CSS/JavaScript
建議不在 SiteGround 且未使用 WP Rocket 的用戶使用此方法。
首先,您需要安裝并激活Autoptimize插件。有關更多詳細信息,請參閱我們有關如何安裝 WordPress 插件的分步指南。
激活后,您需要訪問設置?自動優化頁面來配置插件設置。
從這里,您首先需要檢查 JavaScript 選項下的“優化 JavaScript 代碼”選項。
之后,您需要向下滾動到 CSS 選項。
到達那里后,您應該選中“優化 CSS 代碼”選項旁邊的框。
不要忘記單擊“保存更改”按鈕來存儲您的設置。
然后您可以單擊“清空緩存”按鈕開始使用縮小的文件。該插件還可用于修復 WordPress 中渲染阻塞的 JavaScript 和 CSS。
我們希望本文能幫助您縮小 WordPress 網站上的 CSS 和 JavaScript。您可能還想查看我們關于在 WordPress 中優化 Core Web Vitals 的指南以及我們專家精選的最佳拖放式 WordPress 頁面構建器。