您是否曾經想過WordPress插件如何影響您網站的加載時間？ WordPress插件允許您向網站添加功能，但它們也可能影響網站速度。 在本文中，我們將向您展示WordPress插件如何影響網站的加載時間，以及如何更有效地控制它們。
WordPress插件如何工作？
WordPress插件就像您的WordPress網站的應用程序。 您可以安裝它們以將更多功能添加到您的網站，例如聯繫表格，照片畫廊或電子商務商店。
當有人訪問您的網站時，WordPress首先加載其核心文件，然後加載所有活動插件。
有關更多詳細信息，請參閱我們有關什麼是WordPress插件的文章。 以及它們如何工作？
插件如何影響網站加載時間？
每個WordPress插件都提供不同的功能。 為此，一些插件在後端進行數據庫調用，而其他插件在前端加載資產，例如CSS樣式表，JavaScript文件，圖像等。
進行數據庫查詢和加載資產會增加站點的加載時間。 大多數插件都會發出HTTP請求來加載腳本，CSS和圖像等資產。 每個請求都會增加您網站的頁面加載時間。
正確完成後，對性能的影響通常不太明顯。
但是，如果您使用的多個插件發出太多的HTTP請求以加載文件和資產，那麼它將影響您網站的性能和用戶體驗。
如何檢查WordPress插件加載的文件？
要查看插件如何影響頁面加載時間，您需要檢查WordPress插件加載的文件。
您可以使用許多工具來解決這個問題。
您可以使用瀏覽器的開發人員工具（在Google Chrome中檢查和在Firefox中檢查元素）。
只需訪問您的網站，然後右鍵單擊以選擇檢查。 這將打開開發人員工具面板。
您需要點擊“網絡”標籤，然後重新加載您的網站。 頁面重新加載時，您將能夠查看瀏覽器如何加載每個文件。
您也可以使用Pingdom和GTmetrix等第三方工具來查看此內容。 除了其他有用的信息外，這些工具還將向您顯示所有已加載的文件以及加載所需的時間。
有多少個插件？
當您看到這些文件正在加載時，您可能會開始懷疑我應該在網站上使用多少個插件？ 多少個插件太多？
答案確實取決於您在網站上使用的插件集。
一個壞插件可以加載12個文件，而多個好插件將僅添加幾個額外的文件。
所有編碼良好的插件都試圖將加載的文件數量降至最低。 但是，並非所有插件開發人員都那麼小心。 有些插件會在每次加載頁面時加載文件，即使它們不需要這些文件也是如此。
如果您使用太多此類插件，那麼這將開始影響您網站的性能。
如何控制插件？
您可以在WordPress網站上執行的最重要的操作是僅使用經過良好編碼，具有良好評論並且受可信賴來源推薦的插件。
請參閱我們的指南，了解如何查找哪些WordPress插件。
如果您發現WordPress插件正在影響您網站的負載，請尋找一個能完成同樣工作但效果更好的更好的插件。
接下來，您需要開始使用緩存和CDN來進一步提高站點的性能和速度。
您應該考慮的另一個因素是您的網站託管。 如果您的託管服務器未正確優化，則將增加站點的響應時間。
這意味著不僅插件，而且您網站的整體性能也會變慢。 確保您使用的是最好的WordPress託管公司之一。
作為最後的選擇，您可以卸載您無法使用的插件。 仔細查看網站上已安裝的插件，看看是否可以卸載其中的一些插件。 這不是理想的解決方案，因為您將不得不犧牲功能以提高速度。
手動優化WordPress插件資產
高級WordPress用戶可以嘗試管理WordPress插件如何在其網站上加載文件。 這樣做需要一定的編碼知識和調試技巧。
在WordPress中加載腳本和样式表的正確方法是使用 wp_enqueue_style 和 wp_enqueue_script 職能。
大多數WordPress插件開發人員都使用它們來加載插件文件。 WordPress還具有簡單的功能來註銷這些腳本和样式表。
但是，如果僅禁用加載這些腳本和样式表，則這將破壞您的插件，並且它們將無法正常工作。 要解決此問題，您需要將這些樣式和腳本複制並粘貼到主題的樣式表和JavaScript文件中。
這樣，您將能夠一次加載所有它們，從而最大程度地減少http請求並有效減少頁面加載時間。
讓我們看看如何輕鬆地在WordPress中註銷樣式表和JavaScript文件。
在WordPress中禁用插件樣式表
首先，您將需要找到要註銷的樣式表的名稱或句柄。 您可以使用瀏覽器的檢查工具找到它。
找到樣式表句柄後，可以通過將此代碼添加到主題的functions.php文件或特定於站點的插件中來註銷它。
add_action( 'wp_print_styles', 'my_deregister_styles', 100 );
function my_deregister_styles() {
wp_deregister_style( 'gdwpm_styles-css' );
}
您可以在此函數中註銷所需數量的樣式句柄。 例如，如果您有多個插件要為其註銷樣式表，則可以這樣進行：
add_action( 'wp_print_styles', 'my_deregister_styles', 100 );
function my_deregister_styles() {
wp_deregister_style( 'gdwpm_styles-css' );
wp_deregister_style( 'bfa-font-awesome-css' );
wp_deregister_style( 'some-other-stylesheet-handle' );
}
請記住，註銷這些樣式表將影響您網站上的插件功能。 您需要復制註銷的每個樣式表的內容，並將它們粘貼到WordPress主題的樣式表中，或將它們添加為自定義CSS。
在WordPress中禁用插件JavaScript
就像樣式表一樣，您將需要找出JavaScript文件所使用的句柄來註銷它們。 但是，您將無法使用檢查工具找到手柄。
為此，您將需要更深入地研究插件文件，以找出插件用來加載腳本的句柄。
找出插件使用的所有句柄的另一種方法是將此代碼添加到主題的functions.php文件中。
function wpb_display_pluginhandles() {
$wp_scripts = wp_scripts();
$handlename .= "- ";
foreach( $wp_scripts->queue as $handle ) :
$handlename .= '
- ' . $handle .' '; endforeach; $handlename .= "
添加此代碼後，您可以使用 [pluginhandles] 簡碼以顯示插件腳本句柄的列表。
現在有了腳本句柄，您可以使用以下代碼輕鬆註銷它們：
add_action( 'wp_print_scripts', 'my_deregister_javascript', 100 );
function my_deregister_javascript() {
wp_deregister_script( 'contact-form-7' );
}
您還可以使用以下代碼禁用多個腳本，如下所示：
add_action( 'wp_print_scripts', 'my_deregister_javascript', 100 );
function my_deregister_javascript() {
wp_deregister_script( 'contact-form-7' );
wp_deregister_script( 'gdwpm_lightbox-script' );
wp_deregister_script( 'another-plugin-script' );
}
現在，正如我們前面提到的，禁用這些腳本將使您的插件無法正常工作。
為避免這種情況，您需要將JavaScript組合在一起，但有時它無法順利運行，因此您必須知道自己在做什麼。 您可以從試錯法中學習（就像我們很多人一樣），但是我們建議您不要在實際網站上這樣做。
最好的測試位置是在本地WordPress安裝上，或在具有託管WordPress託管提供程序的暫存站點上。
僅在特定頁面上加載腳本
如果您知道需要插件腳本來加載網站上的特定頁面，則可以允許該特定頁面上的插件。
這樣，腳本將在站點的所有其他頁面上保持禁用狀態，並且僅在需要時才加載。
這是在特定頁面上加載腳本的方法。
add_action( 'wp_print_scripts', 'my_deregister_javascript', 100 );
function my_deregister_javascript() {
if ( !is_page('Contact') ) {
wp_deregister_script( 'contact-form-7' );
}
}
此代碼僅在除聯繫頁面之外的所有頁面上禁用contact-form-7腳本。
目前為止就這樣了。
我們希望本文能幫助您了解WordPress插件如何影響您網站的加載時間。 您可能還希望查看我們的最終指南，以提高WordPress速度和網站性能。
如果您喜歡這篇文章，請訂閱我們的YouTube頻道WordPress視頻教程。 您也可以在找到我們 推特 和Facebook。