建站
咨詢
售后
建站咨詢
新聞中心
在Pingdom、GTmetrix或Google PageSpeed Insights中看到“合并外部CSS”警告？對于許多wordpress網(wǎng)站來說，這是一個非常常見的錯誤。當(dāng)您從CDN 和/或子域（外部域）加載10個或更多CSS文件時，通常會顯示此警告。解決此問題的一種方法是串聯(lián)您的CSS文件，或?qū)⑺鼈兘M合起來，以便在單個請求中加載它們。
注意：如果您使用支持http/2的提供程序通過HTTPS運(yùn)行，現(xiàn)在通?？梢园踩睾雎源司?。使用HTTP/2，現(xiàn)在可以通過單個連接并行加載多個CSS文件。
Pingdom合并外部CSS警告
如果您仍在通過HTTP運(yùn)行并且還沒有遷移到HTTP/2，您可以按照下面的教程學(xué)習(xí)如何合并外部CSS文件。同樣，串連（concatenation）現(xiàn)在是一種通常被認(rèn)為已棄用的技術(shù)?，F(xiàn)在，超過77%的瀏覽器在通過HTTPS以及許多CDN和網(wǎng)絡(luò)托管提供商運(yùn)行時支持HTTP/2。
使用CDN時通常會看到合并外部CSS警告，因為您將CSS文件托管在外部域（例如 cdn.domain.com）上。您可以做的只是將您的CSS文件連接到您的Web服務(wù)器上。一旦它們組合在一起，您將不再看到此警告，因為它將在單個請求中加載它們。最簡單的方法之一是使用由Frank Goossens開發(fā)的名為Autoptimize的免費(fèi)WordPress插件。
Autoptimize插件
這個插件非常輕巧，準(zhǔn)確地說只有176KB。在撰寫本文時，它目前有超過1,000,000次活躍安裝。該插件可幫助您串聯(lián)腳本、縮小、添加過期標(biāo)頭，以及將樣式移至頁眉和將腳本移至頁腳的能力。
您可以從WordPress插件庫下載它 ，也可以在WordPress儀表盤中的“安裝插件”插件下搜索它。安裝后，您將需要進(jìn)入設(shè)置并啟用“Optimize CSS Code”選項。這將串聯(lián)（組合）您的 CSS 文件。如果您使用的是CDN，請確保輸入您的CDN URL。這樣，您的CSS文件將作為單個請求加載到CDN上。
合并外部CSS文件
在啟用上述設(shè)置后，你將看到一個“autoptimize_xxxxx.css”文件的CSS文件。
組合CSS文件
分享標(biāo)題：如何合并WordPress外部CSS
網(wǎng)頁鏈接：http://fisionsoft.com.cn/article/dpeshop.html
