建站
咨詢
售后
建站咨詢
新聞中心
在本教程中，我們將向您介紹wordpress壓縮（minification），并且引薦其中兩個最好的插件以幫助您實現(xiàn)WordPress文件瘦身壓縮。
創(chuàng)新互聯(lián)公司堅持“要么做到，要么別承諾”的工作理念，服務(wù)領(lǐng)域包括：網(wǎng)站設(shè)計、成都做網(wǎng)站、企業(yè)官網(wǎng)、英文網(wǎng)站、手機端網(wǎng)站、網(wǎng)站推廣等服務(wù)，滿足客戶于互聯(lián)網(wǎng)時代的北海網(wǎng)站設(shè)計、移動媒體設(shè)計的需求，幫助企業(yè)找到有效的互聯(lián)網(wǎng)解決方案。努力成為您成熟可靠的網(wǎng)絡(luò)建設(shè)合作伙伴！
隨著您的網(wǎng)站隨著工具和內(nèi)容的增多而變得越來越大，文件的數(shù)量可能會擴大到降低網(wǎng)站速度的程度。 速度在互聯(lián)網(wǎng)上很重要，因此加載緩慢的網(wǎng)站是一個大問題。
解決這個問題的一種方法是通過壓縮。Minification，即不影響其功能下通過壓縮某些文件（例如 CSS、JavaScript和HTML文件）以縮小其大小的過程。最好的部分是縮小您的文件，您甚至不需要任何編碼知識。
什么是Minification（以及為什么它很重要）
互聯(lián)網(wǎng)上的每一秒都很重要。隨著網(wǎng)站變得更加優(yōu)化，人們已經(jīng)準(zhǔn)備好期待快速的加載時間。事實上，幾乎一半的互聯(lián)網(wǎng)用戶希望網(wǎng)站在兩秒或更短的時間內(nèi)加載。
當(dāng)一秒鐘的延遲會導(dǎo)致轉(zhuǎn)化率減少7%時，停留在緩慢的網(wǎng)站上可能會被判死刑。幸運的是，有一些補救措施可以幫助您加快網(wǎng)站速度，特別是壓縮。
這是指壓縮層疊樣式表 (CSS)、JavaScript和HTML 代碼以縮小文件大小而不影響其功能的過程。您可能沒有意識到這一點，但許多讓您的網(wǎng)站保持運行的文件也可能是您加載時間更長的原因。
從表面上看，這個過程可能聽起來過于技術(shù)性，但它非常簡單。它只涉及從代碼中刪除不必要的字符。
讓我們看一個例子。以下是一個未經(jīng)壓縮的CSS片段：
#bluetext {
font-size: 2em;
color: blue;
}
#redtext {
font-size: 1em;
color: red;
}
經(jīng)過壓縮后代碼如下：
#bluetext{font-size:2em;color:blue;}#redtext{font-size:1em;color:red;}
如果您檢查壓縮后的代碼，您會看到所有必需的信息仍然存在，但換行符、空格和一些字符已被刪除。這些元素不是計算機理解代碼所必需的，它們的存在只是為了使代碼對人類更具可讀性。
這種微小的更改似乎不會產(chǎn)生很大的影響，但請考慮一下您在站點的引擎蓋下運行了多少行代碼?？s小可以顯著減小每個文件的大小，從而使您的網(wǎng)站加載速度更快。如果您的站點包含大量文件、腳本和插件，則尤其如此。
我們現(xiàn)在將研究兩種可用于壓縮代碼的方法，手動和使用專用插件。
如何手動壓縮CSS和JavaScript
手動壓縮可讓您使用專用應(yīng)用程序快速壓縮CSS和JavaScript代碼。這使您能夠首先編寫易于閱讀和解釋的代碼，然后在幾秒鐘內(nèi)使用工具將其壓縮。
我們建議使用工具，例如CSS Minifier或Clean CSS。與JavaScript 類似，雖然Minify是一個很好的起點，但還有其他選擇，例如JSCompress和JavaScript Minifier。
這些工具都將以相同的方式工作。例如，使用Clean CSS，您將原始代碼粘貼到相關(guān)字段中，然后單擊CSS Minify。您將在另一個字段中看到結(jié)果，可以進行復(fù)制和粘貼。
但是，我們建議分別保存兩個版本的代碼；否則，您可能會丟失原始代碼。當(dāng)然，原始版本比縮小版本更容易進行故障排除和編輯。
如果您對自己的編碼能力有信心，您也應(yīng)該只使用手動縮小。如果您沒有很多經(jīng)驗，我們建議您改用WordPress壓縮插件，，下面我們將推薦其中的兩個。
WordPress文件壓縮插件
我們還可以使用WordPress插件來壓縮保持網(wǎng)站運行的CSS和JavaScript文件。由于這些文件屬于網(wǎng)站前端加載極其重要的部分，您應(yīng)該確保只使用受信任且安全的插件。
1.Fast Velocity Minify
Fast Velocity Minify是新手和有經(jīng)驗的用戶的絕佳選擇。默認情況下，它會自動壓縮您網(wǎng)站上的所有CSS、JavaScript和HTML代碼，并且不需要額外的配置。但是，如果您想修改細節(jié)，它還提供了大量其他選項。
- 需要最少的配置并實時自動運行。
- 為高級用戶提供廣泛的選項。
- 出色的結(jié)果和可靠的支持。
最為重要的一點是，F(xiàn)ast Velocity Minify是開源且完全免費的。
2. Autoptimize
Autooptimize是比較流行的壓縮插件之一（有充分的理由）。它會將您的文件捆綁在一起，優(yōu)化它們并緩存它們以盡可能少地創(chuàng)建對站點的請求。雖然它確實提供了一些額外的選項，但這個插件非常適合那些想要“一勞永逸”的縮小方法的人。
- 初學(xué)者容易掌握。
- 提供更多選項以獲得更優(yōu)化的性能。
- 使用專用 API 啟用更具體的自定義。
Autooptimize插件是免費的，但開發(fā)人員還提供高級配置服務(wù)，包括為您的站點量身定制的個人安裝和優(yōu)化。這些費用分別為119歐元和599歐元。
如何使用插件壓縮WordPress文件
現(xiàn)在您已經(jīng)熟悉了可用的工具，剩下要做的就是壓縮WordPress站點的文件。在這個例子中，我們選擇使用Fast Velocity Minify插件。這是因為它對于初學(xué)者來說很容易實現(xiàn)，同時仍然為高級用戶提供了大量的可選配置。我們甚至在我們的知識庫中推薦它！
一旦你已經(jīng)安裝并啟用插件，你不需要做別的事情-你的網(wǎng)站現(xiàn)在可以縮小。
下次有人訪問您的網(wǎng)站時，該插件將攔截您的文件并創(chuàng)建它們的副本。然后它將文件分組以減少所需請求的數(shù)量，然后縮小代碼。這些優(yōu)化的文件隨后會保存在緩存中，并在再次訪問該站點時使用。這意味著您的原始文件仍會保存且不受影響。
如果您是更有經(jīng)驗的用戶，該插件確實提供了一些高級設(shè)置。您可以通過在 WordPress 中轉(zhuǎn)到“設(shè)置”>“Fast Velocity Minify”找到設(shè)置選項 。
在其他選項中，您可以禁用某些文件的壓縮、從進程中排除特定資產(chǎn)以及確定緩存的位置。每個選項都帶有附加信息和建議的注釋，您還可以 參考常見問題解答 以獲取更多信息。
但是，我們建議保留所有默認設(shè)置，除非您確切地知道自己在做什么。該插件設(shè)置為使用標(biāo)準(zhǔn)設(shè)置自動壓縮所有CSS、JavaScript和HTML 代碼，這足以對大多數(shù)網(wǎng)站產(chǎn)生積極影響。
小結(jié)
壓縮您的WordPress文件是一種提高網(wǎng)站性能的快速而簡單的方法，這反過來又可以確保您不會因加載時間過長而失去訪問者。這似乎是一個技術(shù)噩夢，但正如我們在本文中所展示的，您實際上并不需要通過JavaScript了解CSS來壓縮WordPress文件。
除了WordPress網(wǎng)站文件壓縮以提升WordPress性能之外，我們還可以使用的策略包括：壓縮WordPress圖片，使用Gzip壓縮，WordPress緩存及依據(jù)PageSpeed Insights指引優(yōu)化WordPress。
當(dāng)前名稱：WordPress網(wǎng)站CSS、JavaScript和HTML文件瘦身壓縮教程
網(wǎng)站URL：http://www.5511xx.com/article/cdhhghp.html
