您是否想知道 wordpress 插件如何影響您網(wǎng)站的加載時(shí)間?wordpress 插件允許您向網(wǎng)站添加功能,但它們也會(huì)影響您的網(wǎng)站速度。在本文中,我們將向您展示 wordpress 插件如何影響網(wǎng)站的加載時(shí)間,以及如何更有效地控制它們。
wordpress 插件如何工作?
WordPress 插件就像 WordPress 網(wǎng)站的應(yīng)用程序。您可以安裝它們來向您的網(wǎng)站添加更多功能,例如聯(lián)系表單、照片庫(kù)或電子商務(wù)商店。
當(dāng)有人訪問您的網(wǎng)站時(shí),WordPress 首先加載其核心文件,然后加載所有活動(dòng)插件。
有關(guān)更多詳細(xì)信息,請(qǐng)參閱我們關(guān)于什么是 WordPress 插件?它們是如何工作的?。
插件如何影響網(wǎng)站加載時(shí)間?
每個(gè) WordPress 插件都提供不同的功能和特性。為此,一些插件在后端進(jìn)行數(shù)據(jù)庫(kù)調(diào)用,而另一些插件則在前端加載資源,例如 css 樣式表、JavaScript 文件、圖像等。
進(jìn)行數(shù)據(jù)庫(kù)查詢和加載資源會(huì)增加站點(diǎn)的加載時(shí)間。大多數(shù)插件都會(huì)發(fā)出 http 請(qǐng)求來加載腳本、CSS 和圖像等資源。每個(gè)請(qǐng)求都會(huì)增加網(wǎng)站的頁(yè)面加載時(shí)間。
如果做得正確,性能影響通常不會(huì)太明顯。
但是,如果您使用的多個(gè)插件發(fā)出過多的 http 請(qǐng)求來加載文件和資源,那么它將影響您網(wǎng)站的性能和用戶體驗(yàn)。
如何檢查wordpress插件加載的文件?
要了解插件如何影響頁(yè)面加載時(shí)間,您需要檢查 WordPress 插件加載的文件。
您可以使用很多工具來解決這個(gè)問題。
您可以使用瀏覽器的開發(fā)人員工具(Google chrome 中的 Inspect 和 firefox 中的 Inspect Element)。
只需訪問您的網(wǎng)站并右鍵單擊選擇“檢查”即可。這將打開開發(fā)人員工具面板。
您需要單擊“網(wǎng)絡(luò)”選項(xiàng)卡,然后重新加載您的網(wǎng)站。當(dāng)頁(yè)面重新加載時(shí),您將能夠看到瀏覽器如何加載每個(gè)文件。
您還可以使用 Pingdom 和 GTmetrix 等第三方工具來查看這一點(diǎn)。除其他有用信息外,這些工具還將向您顯示已加載的所有文件以及加載所需的時(shí)間。
多少插件太多了?
當(dāng)您看到這些文件被加載時(shí),您可能會(huì)開始想知道我應(yīng)該在我的網(wǎng)站上使用多少個(gè)插件?多少插件太多?
答案實(shí)際上取決于您在網(wǎng)站上使用的插件集。
一個(gè)不好的插件可以加載 12 個(gè)文件,而多個(gè)好的插件只會(huì)添加幾個(gè)額外的文件。
所有編碼良好的插件都會(huì)盡力將加載的文件保持在最低限度。然而,并非所有插件開發(fā)人員都那么小心。有些插件會(huì)在每個(gè)頁(yè)面加載時(shí)加載文件,即使它們不需要這些文件。
如果您使用太多此類插件,那么這將開始影響您網(wǎng)站的性能。
如何控制插件?
您在 WordPress 網(wǎng)站上可以做的最重要的事情就是僅使用編碼良好、評(píng)論良好且由可信來源推薦的插件。
請(qǐng)參閱我們的指南,了解如何查找 WordPress 插件。
如果您發(fā)現(xiàn) WordPress 插件正在影響您網(wǎng)站的負(fù)載,請(qǐng)尋找一個(gè)更好的插件,它可以完成相同的工作,但效果更好。
接下來,您需要開始使用緩存和CDN來進(jìn)一步提高網(wǎng)站的性能和速度。
您應(yīng)該考慮的另一個(gè)因素是您的網(wǎng)站托管。如果您的托管服務(wù)器沒有適當(dāng)優(yōu)化,那么它會(huì)增加您網(wǎng)站的響應(yīng)時(shí)間。
這意味著不僅是插件,您網(wǎng)站的整體性能也會(huì)變慢。確保您使用的是最好的 WordPress 托管公司之一。
作為最后的手段,您可以卸載不需要的插件。仔細(xì)檢查您網(wǎng)站上安裝的插件,看看是否可以卸載其中一些。這不是一個(gè)理想的解決方案,因?yàn)槟鷮⒉坏貌粸榱怂俣榷鵂奚δ堋?/p>
手動(dòng)優(yōu)化 WordPress 插件資源
高級(jí) WordPress 用戶可以嘗試管理 WordPress 插件在其網(wǎng)站上加載文件的方式。這樣做需要一些編碼知識(shí)和一些調(diào)試技巧。
在 WordPress 中加載腳本和樣式表的正確方法是使用wp_enqueue_style和wp_enqueue_script函數(shù)。
大多數(shù) WordPress 插件開發(fā)人員使用它們來加載插件文件。WordPress 還提供了簡(jiǎn)單的功能來注銷這些腳本和樣式表。
但是,如果您只是禁用加載這些腳本和樣式表,那么這將破壞您的插件,并且它們將無法正常工作。要解決此問題,您需要將這些樣式和腳本復(fù)制并粘貼到主題的樣式表和 JavaScript 文件中。
這樣您就可以一次加載所有內(nèi)容,最大限度地減少 http 請(qǐng)求并有效減少頁(yè)面加載時(shí)間。
讓我們看看如何在 WordPress 中輕松取消注冊(cè)樣式表和 JavaScript 文件。
在 WordPress 中禁用插件樣式表
首先,您需要找到要取消注冊(cè)的樣式表的名稱或句柄。您可以使用瀏覽器的檢查工具找到它。
找到樣式表句柄后,您可以通過將此代碼添加到主題的functions.php文件或特定于站點(diǎn)的插件來取消注冊(cè)它。
現(xiàn)在您已經(jīng)有了腳本句柄,您可以使用以下代碼輕松取消注冊(cè)它們:
add_action( 'wp_print_scripts', 'my_deregister_javascript', 100 );functionmy_deregister_javascript() {wp_deregister_script( 'contact-form-7');}
由
在 WordPress 中一鍵使用
您還可以使用此代碼禁用多個(gè)腳本,如下所示:
add_action( 'wp_print_scripts', 'my_deregister_javascript', 100 );functionmy_deregister_javascript() {wp_deregister_script( 'contact-form-7');wp_deregister_script( 'gdwpm_lightbox-script');wp_deregister_script( 'another-plugin-script');}
由
在 WordPress 中一鍵使用
現(xiàn)在,正如我們之前提到的,禁用這些腳本將阻止您的插件正常工作。
為了避免這種情況,您需要將 JavaScript 組合在一起,但有時(shí)它不能順利工作,因此您必須知道自己在做什么。您可以從反復(fù)試驗(yàn)中學(xué)習(xí)(就像我們很多人一樣),但我們建議您不要在實(shí)時(shí)網(wǎng)站上這樣做。
最好的測(cè)試位置是本地 WordPress 安裝或托管 WordPress 托管提供商的臨時(shí)站點(diǎn)。
僅在特定頁(yè)面上加載腳本
如果您知道需要在網(wǎng)站的特定頁(yè)面上加載插件腳本,那么您可以在該特定頁(yè)面上允許插件。
這樣,腳本在站點(diǎn)的所有其他頁(yè)面上保持禁用狀態(tài),并且僅在需要時(shí)加載。
以下是如何在特定頁(yè)面上加載腳本的方法。
add_action( 'wp_print_scripts', 'my_deregister_javascript', 100 );functionmy_deregister_javascript() {if( !is_page('Contact') ) {wp_deregister_script( 'contact-form-7');}}
由
在 WordPress 中一鍵使用
此代碼只是在除聯(lián)系頁(yè)面之外的所有頁(yè)面上禁用 contact-form-7 腳本。
目前為止就這樣了。
我們希望本文能幫助您了解 WordPress 插件如何影響您網(wǎng)站的加載時(shí)間。您可能還想查看我們提高 WordPress 速度和網(wǎng)站性能的終極指南。