在本教程中，我們將向您介紹wordpress壓縮（minification），并且引薦其中兩個(gè)最好的插件以幫助您實(shí)現(xiàn)WordPress文件瘦身壓縮。

創(chuàng)新互聯(lián)公司堅(jiān)持“要么做到，要么別承諾”的工作理念，服務(wù)領(lǐng)域包括：網(wǎng)站設(shè)計(jì)、成都做網(wǎng)站、企業(yè)官網(wǎng)、英文網(wǎng)站、手機(jī)端網(wǎng)站、網(wǎng)站推廣等服務(wù)，滿足客戶于互聯(lián)網(wǎng)時(shí)代的北海網(wǎng)站設(shè)計(jì)、移動(dòng)媒體設(shè)計(jì)的需求，幫助企業(yè)找到有效的互聯(lián)網(wǎng)解決方案。努力成為您成熟可靠的網(wǎng)絡(luò)建設(shè)合作伙伴！

隨著您的網(wǎng)站隨著工具和內(nèi)容的增多而變得越來(lái)越大，文件的數(shù)量可能會(huì)擴(kuò)大到降低網(wǎng)站速度的程度。 速度在互聯(lián)網(wǎng)上很重要，因此加載緩慢的網(wǎng)站是一個(gè)大問(wèn)題。

解決這個(gè)問(wèn)題的一種方法是通過(guò)壓縮。Minification，即不影響其功能下通過(guò)壓縮某些文件（例如 CSS、JavaScript和HTML文件）以縮小其大小的過(guò)程。最好的部分是縮小您的文件，您甚至不需要任何編碼知識(shí)。

什么是Minification（以及為什么它很重要）

互聯(lián)網(wǎng)上的每一秒都很重要。隨著網(wǎng)站變得更加優(yōu)化，人們已經(jīng)準(zhǔn)備好期待快速的加載時(shí)間。事實(shí)上，幾乎一半的互聯(lián)網(wǎng)用戶希望網(wǎng)站在兩秒或更短的時(shí)間內(nèi)加載。

當(dāng)一秒鐘的延遲會(huì)導(dǎo)致轉(zhuǎn)化率減少7%時(shí)，停留在緩慢的網(wǎng)站上可能會(huì)被判死刑。幸運(yùn)的是，有一些補(bǔ)救措施可以幫助您加快網(wǎng)站速度，特別是壓縮。

這是指壓縮層疊樣式表 (CSS)、JavaScript和HTML 代碼以縮小文件大小而不影響其功能的過(guò)程。您可能沒(méi)有意識(shí)到這一點(diǎn)，但許多讓您的網(wǎng)站保持運(yùn)行的文件也可能是您加載時(shí)間更長(zhǎng)的原因。

從表面上看，這個(gè)過(guò)程可能聽起來(lái)過(guò)于技術(shù)性，但它非常簡(jiǎn)單。它只涉及從代碼中刪除不必要的字符。

讓我們看一個(gè)例子。以下是一個(gè)未經(jīng)壓縮的CSS片段：

#bluetext {
font-size: 2em;
color: blue;
}

#redtext {
font-size: 1em;
color: red;
}

經(jīng)過(guò)壓縮后代碼如下：

#bluetext{font-size:2em;color:blue;}#redtext{font-size:1em;color:red;}

如果您檢查壓縮后的代碼，您會(huì)看到所有必需的信息仍然存在，但換行符、空格和一些字符已被刪除。這些元素不是計(jì)算機(jī)理解代碼所必需的，它們的存在只是為了使代碼對(duì)人類更具可讀性。

這種微小的更改似乎不會(huì)產(chǎn)生很大的影響，但請(qǐng)考慮一下您在站點(diǎn)的引擎蓋下運(yùn)行了多少行代碼。縮小可以顯著減小每個(gè)文件的大小，從而使您的網(wǎng)站加載速度更快。如果您的站點(diǎn)包含大量文件、腳本和插件，則尤其如此。

我們現(xiàn)在將研究?jī)煞N可用于壓縮代碼的方法，手動(dòng)和使用專用插件。

如何手動(dòng)壓縮CSS和JavaScript

手動(dòng)壓縮可讓您使用專用應(yīng)用程序快速壓縮CSS和JavaScript代碼。這使您能夠首先編寫易于閱讀和解釋的代碼，然后在幾秒鐘內(nèi)使用工具將其壓縮。

我們建議使用工具，例如CSS Minifier或Clean CSS。與JavaScript 類似，雖然Minify是一個(gè)很好的起點(diǎn)，但還有其他選擇，例如JSCompress和JavaScript Minifier。

這些工具都將以相同的方式工作。例如，使用Clean CSS，您將原始代碼粘貼到相關(guān)字段中，然后單擊CSS Minify。您將在另一個(gè)字段中看到結(jié)果，可以進(jìn)行復(fù)制和粘貼。

但是，我們建議分別保存兩個(gè)版本的代碼；否則，您可能會(huì)丟失原始代碼。當(dāng)然，原始版本比縮小版本更容易進(jìn)行故障排除和編輯。

如果您對(duì)自己的編碼能力有信心，您也應(yīng)該只使用手動(dòng)縮小。如果您沒(méi)有很多經(jīng)驗(yàn)，我們建議您改用WordPress壓縮插件，，下面我們將推薦其中的兩個(gè)。

WordPress文件壓縮插件

我們還可以使用WordPress插件來(lái)壓縮保持網(wǎng)站運(yùn)行的CSS和JavaScript文件。由于這些文件屬于網(wǎng)站前端加載極其重要的部分，您應(yīng)該確保只使用受信任且安全的插件。

1.Fast Velocity Minify

Fast Velocity Minify是新手和有經(jīng)驗(yàn)的用戶的絕佳選擇。默認(rèn)情況下，它會(huì)自動(dòng)壓縮您網(wǎng)站上的所有CSS、JavaScript和HTML代碼，并且不需要額外的配置。但是，如果您想修改細(xì)節(jié)，它還提供了大量其他選項(xiàng)。

• 需要最少的配置并實(shí)時(shí)自動(dòng)運(yùn)行。
• 為高級(jí)用戶提供廣泛的選項(xiàng)。
• 出色的結(jié)果和可靠的支持。

最為重要的一點(diǎn)是，F(xiàn)ast Velocity Minify是開源且完全免費(fèi)的。

2. Autoptimize

Autooptimize是比較流行的壓縮插件之一（有充分的理由）。它會(huì)將您的文件捆綁在一起，優(yōu)化它們并緩存它們以盡可能少地創(chuàng)建對(duì)站點(diǎn)的請(qǐng)求。雖然它確實(shí)提供了一些額外的選項(xiàng)，但這個(gè)插件非常適合那些想要“一勞永逸”的縮小方法的人。

• 初學(xué)者容易掌握。
• 提供更多選項(xiàng)以獲得更優(yōu)化的性能。
• 使用專用 API 啟用更具體的自定義。

Autooptimize插件是免費(fèi)的，但開發(fā)人員還提供高級(jí)配置服務(wù)，包括為您的站點(diǎn)量身定制的個(gè)人安裝和優(yōu)化。這些費(fèi)用分別為119歐元和599歐元。

如何使用插件壓縮WordPress文件

現(xiàn)在您已經(jīng)熟悉了可用的工具，剩下要做的就是壓縮WordPress站點(diǎn)的文件。在這個(gè)例子中，我們選擇使用Fast Velocity Minify插件。這是因?yàn)樗鼘?duì)于初學(xué)者來(lái)說(shuō)很容易實(shí)現(xiàn)，同時(shí)仍然為高級(jí)用戶提供了大量的可選配置。我們甚至在我們的知識(shí)庫(kù)中推薦它！

一旦你已經(jīng)安裝并啟用插件，你不需要做別的事情-你的網(wǎng)站現(xiàn)在可以縮小。

下次有人訪問(wèn)您的網(wǎng)站時(shí)，該插件將攔截您的文件并創(chuàng)建它們的副本。然后它將文件分組以減少所需請(qǐng)求的數(shù)量，然后縮小代碼。這些優(yōu)化的文件隨后會(huì)保存在緩存中，并在再次訪問(wèn)該站點(diǎn)時(shí)使用。這意味著您的原始文件仍會(huì)保存且不受影響。

如果您是更有經(jīng)驗(yàn)的用戶，該插件確實(shí)提供了一些高級(jí)設(shè)置。您可以通過(guò)在 WordPress 中轉(zhuǎn)到“設(shè)置”>“Fast Velocity Minify”找到設(shè)置選項(xiàng) 。

在其他選項(xiàng)中，您可以禁用某些文件的壓縮、從進(jìn)程中排除特定資產(chǎn)以及確定緩存的位置。每個(gè)選項(xiàng)都帶有附加信息和建議的注釋，您還可以 參考常見問(wèn)題解答 以獲取更多信息。

但是，我們建議保留所有默認(rèn)設(shè)置，除非您確切地知道自己在做什么。該插件設(shè)置為使用標(biāo)準(zhǔn)設(shè)置自動(dòng)壓縮所有CSS、JavaScript和HTML 代碼，這足以對(duì)大多數(shù)網(wǎng)站產(chǎn)生積極影響。

小結(jié)

壓縮您的WordPress文件是一種提高網(wǎng)站性能的快速而簡(jiǎn)單的方法，這反過(guò)來(lái)又可以確保您不會(huì)因加載時(shí)間過(guò)長(zhǎng)而失去訪問(wèn)者。這似乎是一個(gè)技術(shù)噩夢(mèng)，但正如我們?cè)诒疚闹兴故镜?，您?shí)際上并不需要通過(guò)JavaScript了解CSS來(lái)壓縮WordPress文件。

除了WordPress網(wǎng)站文件壓縮以提升WordPress性能之外，我們還可以使用的策略包括：壓縮WordPress圖片，使用Gzip壓縮，WordPress緩存及依據(jù)PageSpeed Insights指引優(yōu)化WordPress。

網(wǎng)站題目：WordPress網(wǎng)站CSS、JavaScript和HTML文件瘦身壓縮教程
瀏覽路徑：http://uogjgqi.cn/article/cdhhghp.html