您的WordPress主機可能快如閃電,但對於編碼糟糕或未優化的外掛和主題,它並不總是魔杖。有時,即使只是一個糟糕的外掛或程式碼片段也可能成為您網站最大的敵人,並使所有內容陷入困境。今天我們將與您分享一些方便的、鮮為人知的WordPress效能外掛,它們可以幫助您排除故障並加快您的網站速度。
7個WordPress效能外掛
用另一個外掛修復外掛或指令碼聽起來可能很諷刺。這可能不是解決問題的最佳方式。但是對於那些不是WordPress開發人員的人來說,在很多情況下,這可能是您必須求助的。沒有完美的外掛或開發人員這樣的東西,因此有時掌握一些技巧來讓它們更好更快地執行會非常有用。下面列出的許多外掛並不那麼受歡迎,有些只有幾千次安裝,但它們絕對值得一些額外的認可,以及他們的開發人員。
- Query Monitor
- Complete Analytics Optimization Suite
- Disqus Conditional Load
- Lazy Load for Comments
- Disable Emojis
- Disable Embeds
- perfmatters
請記住,新增更多外掛不一定是壞事,只要它們是輕量級的並且開發得當。我們已經看到許多帶有60多個外掛的站點可以在1秒內輕鬆載入。歸結為選擇正確的,然後優化它們。
1.Query Monitor
我們推薦的第一個WordPress效能外掛是Query Monitor,這是一個免費的WordPress除錯和開發外掛。您可以使用它來識別和除錯緩慢的資料庫查詢、AJAX呼叫、REST API請求等等。此外,該外掛還會報告網站詳細資訊,例如指令碼依賴項和依賴項、在頁面生成期間觸發的WordPress鉤子、託管環境詳細資訊、當前頁面滿足的條件查詢標籤等等。
Query Monitor外掛
該外掛由John Blackbourn開發,John Blackbourn是WordPress的核心提交者,目前是Human Made的一名開發人員,之前受僱於WordPress VIP。在撰寫本文時,它目前有超過100,000次活躍安裝,評分為5星(滿分5星)。您可以從WordPress外掛庫下載它 ,也可以在WordPress儀表盤中的“安裝外掛”下搜尋它。
您可以將其用於各種事情。開發人員會喜歡這個外掛,因為您可以縮小頁面上發生的每個查詢的範圍。如果您是開發人員,您甚至可以檢視該外掛是否使最有效的查詢成為可能。它不僅適用於前端,您還可以使用它來解決WordPress儀表盤中的效能問題。
查詢監控
這是一個較大站點的WordPress儀表盤的示例。我們可以立即看到Pretty Link外掛是“最重的擊球手”。
按元件查詢
您可以檢視我們關於如何使用Query Monitor的完整深入教程,以及更多用例場景。
2. Complete Analytics Optimization Suite(CAOS)
我們建議檢查的第二個外掛是免費的Complete Analytics Optimization Suite,由Daan van den Bergh建立和開發。此外掛允許您在WordPress網站上本地託管Google Analytics。
Complete Analytics Optimization Suite外掛
它目前有超過20,000次活躍安裝,評分為5星(滿分5星)。您可以從WordPress外掛庫或通過在WordPress儀表盤中的“安裝外掛”下搜尋來下載Complete Analytics Optimization Suite。該外掛允許您在本地託管您的Google Analytics JavaScript檔案 (analytics.js) 並使用wp_cron() 保持更新。其他功能包括能夠輕鬆匿名訪問訪問者的IP地址、設定調整後的跳出率以及放置指令碼(頁首或頁尾)。
在本地託管分析指令碼的一些好處是,您可以將向Google發出的外部HTTP請求從2個減少到1個,並且您現在可以完全控制檔案的快取。您還可以擺脫惱人的瀏覽器快取警告,具有諷刺意味的是,這是由Google自己的指令碼引起的。
未使用瀏覽器快取警告
只需安裝該外掛,輸入您的Google Analytics跟蹤 ID,該外掛就會將Google Analytics的必要跟蹤程式碼新增到您的WordPress網站,下載並儲存analytics.js檔案到您的伺服器,並使用wp_cron()中的預定指令碼保持更新。我們還建議將其設定為在頁尾中載入。注意:此外掛不能與其他 Google Analytics相關的WordPress外掛一起使用,並且不受Google支援或推薦的方法。
本地分析設定
3. Disqus Conditional Load
如果您確實使用Disqus,那麼延遲載入Disqus評論非常重要。如果您不這樣做,Disqus可能會成為您網站載入速度的真正障礙。為什麼?因為預設情況下,它必須載入每個頭像,以及由於Disqus廣告的更改,它們現在包含的所有其他指令碼。因此,我們絕對建議您檢視Joel James的免費Disqus Conditional Load外掛。
Disqus Conditional Load外掛
該外掛目前有超過10,000 次活躍安裝,評分為4.8(滿分5星)。您可以從WordPress外掛庫下載Disqus Conditional Load,也可以在WordPress儀表盤的“安裝外掛”搜尋安裝。在啟用此外掛之前,您需要禁用官方Disqus外掛。除了延遲載入所有影象(頭像)之外,它還允許您在不使用計數指令碼時禁用它。所以在您的WordPress網站上少了一個JavaScript呼叫。
我們進行了一些快速測試,以便您可以看到差異。在我們的示例中,我們有一篇包含35條評論的部落格文章。我們首先使用官方Disqus外掛對其進行了測試,然後使用Disqus Conditional Load外掛進行了測試。
官方Disqus外掛
我們首先在Pingdom中進行了5次測試並取平均值。如您所見,113個請求的總載入時間為917毫秒。
使用官方Disqus外掛進行速度測試
Disqus Conditional Load外掛
然後我們切換到Disqus Conditional Load外掛並在Pingdom中再次執行5次測試。如您所見,我們的載入時間下降到685毫秒,現在只有88個請求!談論一個小小的免費外掛交換的主要區別。對於使用Disqus的大型新聞網站,這可能會產生奇蹟。
使用Disqus Conditional Load外掛進行速度測試
4. Lazy Load for Comments
也許你根本就不是Disqus的粉絲。它肯定有其優點和缺點。如果你更喜歡使用原生的WordPress評論,這也有類似的問題。預設情況下,它會在每個頁面載入時載入所有的頭像。延遲載入評論的功能並未內建於WordPress核心中。但是,我們推薦的一個很好的輕量級免費解決方案是Lazy Load for Comments外掛。這也是由James Joel開發的。
Lazy Load for Comments外掛
這是一個較新的外掛,目前只有100次有效安裝,評分為5分(滿分5分)。您可以 從WordPress外掛庫或通過在WordPress儀表盤的“安裝外掛”搜尋安裝。
配置非常簡單。只需安裝並在討論設定下,有兩個選項。預設情況下,它設定為“On Scroll”,這是大多數人可能會喜歡的。您還可以將其設定為“On Click”,這將建立一個按鈕供訪問者在評論載入之前點選。
Lazy Load for Comments選項
我們進行了一些快速測試,以便您可以看到差異。在我們的示例中,我們再次使用相同的部落格文章,上面有35條評論。我們首先使用本機評論對其進行測試,然後使用Lazy Load for Comments外掛進行測試。
原生評論
我們首先在Pingdom中進行了5次測試並取平均值。如您所見,106個請求的總載入時間為827毫秒。
使用原生WordPress評論進行速度測試
Lazy Load for Comments
然後我們切換到Lazy Load for Comments外掛並在Pingdom中再次執行5次測試。如您所見,我們的載入時間下降到685毫秒,現在只有87個請求!這太棒了。對原生評論進行如此小的調整,並立即變得更快。
Lazy Load for Comments的速度測試
5 . Disable Emojis
當他們釋出WordPress 4.2時,他們將表情符號支援新增到舊瀏覽器的核心中。最大的問題是它會在您的WordPress站點上生成一個額外的HTTP請求來載入wp-emoji-release.min.js檔案。這會載入到每個頁面上。雖然這個檔案只有10.5KB,但這些東西會隨著時間的推移而增加。對於大多數企業來說,他們永遠不會使用表情符號。好訊息是有一個名為Disable Emojis的免費外掛,由Ryan Hellyer開發 。
禁用表情符號外掛
這個外掛超級輕量級,準確地說只有9KB。在撰寫本文時,它目前有超過70,000 次活躍安裝,評分為5星(滿分5星)。您可以從WordPress外掛庫下載它 ,也可以在WordPress儀表盤中的“安裝外掛”下搜尋安裝。表情符號和表情符號仍可在內建支援的瀏覽器中使用。該外掛只是刪除了用於在舊瀏覽器中新增表情符號支援的額外JavaScript檔案。無需配置,只需安裝、啟用,額外的JavaScript檔案就會消失。
以下是它將在您的WordPress網站上禁用的指令碼示例。
wp-emoji-release.min.js
您還可以檢視我們的教程,瞭解如何在不使用外掛的情況下禁用表情符號。
6 . Disable Embeds
然後我們有嵌入。當他們釋出WordPress 4.4時,他們將oEmbed功能合併到核心中。您之前可能已經看到或使用過它。這允許使用者只需貼上URL即可在其網站上嵌入YouTube視訊、推文和許多其他資源,WordPress會自動將其轉換為嵌入內容,並在視覺化編輯器中提供實時預覽。
WordPress長期以來一直是oEmbed消費者,但隨著更新,WordPress本身成為oEmbed提供者。此功能對很多人都很有用,您可能希望保持啟用狀態。但是,這意味著它現在還會在您的WordPress站點上生成一個額外的HTTP請求來載入wp-embed.min.js檔案。這會載入到每個頁面上。雖然這個檔案只有1.7KB,但這些東西會隨著時間的推移而增加。請求本身有時比內容下載大小更重要。
wp-embed.min.js
值得慶幸的是,有一個名為Disable Embeds的免費外掛,由Pascal Birchler開發, 他實際上是WordPress的核心貢獻者之一。
禁用嵌入外掛
這個外掛超級輕量級,準確地說只有3KB。在撰寫本文時,它目前有超過20,000次活躍安裝,評分為5星中的4.8。您可以從WordPress外掛庫下載或者WordPress儀表盤中的“安裝外掛”下搜尋下載。無需配置,只需安裝、啟用,額外的JavaScript檔案就會消失。具有以下特點:
- 防止其他人嵌入您的網站。
- 防止您嵌入其他未列入白名單的網站。
- 禁止在您的WordPress網站上載入JavaScript檔案。
您仍然可以使用YouTube和Twitter的嵌入iframe指令碼嵌入內容。
7. perfmatters
區塊上還有一個名為perfmatters的新外掛,它允許您實際組合上述三個外掛。這使得管理和更新變得更加容易。perfmatters外掛實際上是由Kinsta團隊成員之一開發的!
WordPress外掛-perfmatters
這是一個高階外掛,只需單擊一下,您就可以輕鬆實現眾多Web效能優化。以下只是您可以進行的眾多優化中的一小部分:
- 禁用表情符號
- 禁用嵌入
- 刪除查詢字串
- 移除jQuery遷移
- 禁用和/或限制後期修訂
- 更改自動儲存間隔
- 禁用pingbacks和trackback
- 禁用 XML-RPC
- 刪除RSS Feed連結
- 禁用WordPress Heartbeat API
- DNS預取
- 禁用WooCommerce指令碼和樣式
- 禁用WooCommerce購物車片段 (AJAX)
許多這些優化有助於減少站點上的HTTP請求並減少資料庫膨脹。請務必注意,它不會從您的站點中刪除任何檔案,它只是使用WordPress鉤子禁用它們。這是完全安全的。
效能設定
其中最強大的功能之一是指令碼管理器。這允許您根據正在訪問的頁面有條件地載入CSS和JS。這是一個簡單而輕量級的外掛,它允許擺脫由主題和外掛註冊的無用的 CSS 和 JS 檔案。即使您通過HTTP/2執行,您仍然可以減少頁面載入的一些時間。
作為指令碼管理器功能的一個快速示例,我們啟動了我們的開發站點並安裝了以下外掛,這些外掛是您可能在客戶站點或部落格上找到的典型外掛:
- Contact Form 7
- Disqus Comment System
- Q2W3 Fixed Widget
- Social Warfare
- Table of Contents Plus
- TablePress
在perfmatters外掛之前
然後我們在Pingdom中進行了5次測試並取平均值。如您所見,我們的總頁面大小為264.4 kB,載入時間為469毫秒,總共有24個請求。
perfmatters外掛之前的速度測試
配置perfmatters外掛
然後我們配置 perfmatters 外掛。為此,只需瀏覽到您網站上的一個頁面,在本例中是主頁,然後單擊WordPress管理欄中的“Script Manager”。
管理欄中的perfmatters
許多WordPress外掛的最大問題之一是它們會在整個網站上載入指令碼。甚至像Contact Form 7這樣的流行外掛也能做到這一點。對於大多數人來說,他們真的只需要在他們的聯絡頁面上載入Contact Form 7的指令碼。Social Warfare和Disqus等外掛也是如此。Social Warfare提供社交媒體按鈕,您實際上只想在您的部落格文章中載入這些按鈕。對於Disqus,同樣如此。使用perfmatters,您可以將它們配置為載入到某些頁面、某些文章、完全禁用它們等。幾乎任何配置。
在這個例子中,我們禁止在我們的主頁上載入以下12個指令碼,因為它們不是必需的。您的主頁畢竟是您網站上最重要的頁面之一,也是訪問者通常首先看到的頁面。perfmatters允許您通過單擊按鈕禁用指令碼。
/wp-content/themes/twentyseventeen/assets/js/html5.js /wp-content/plugins/contact-form-7/includes/css/styles.css /wp-content/plugins/table-of-contents-plus/screen.min.css /wp-content/plugins/social-warfare/css/style.min.css /wp-content/plugins/tablepress/css/default.min.css /wp-content/plugins/contact-form-7/includes/js/jquery.form.min.js /wp-content/plugins/contact-form-7/includes/js/scripts.js /wp-content/plugins/table-of-contents-plus/front.min.js /wp-content/plugins/social-warfare/js/script.min.js /wp-content/plugins/q2w3-fixed-widget/js/q2w3-fixed-widget.min.js /wp-content/plugins/disqus-comment-system/media/js/count.js /wp-includes/js/wp-embed.min.js
使用perfmatters外掛禁用指令碼
在perfmatters外掛之後
然後我們在Pingdom中再次執行了5次測試並取平均值。如您所見,我們現在的總頁面大小是231.7kB,我們的載入時間是424毫秒,我們總共有12個請求。我們真的用這個外掛將我們的總請求減少了一半! 並且沒有進行串聯,這意味著這完全符合提高HTTP/2效能的最佳實踐。它利用原生WordPress鉤子,這就是它應該如何完成的。
perfmatters外掛後的速度測試
當然,這只是一個小網站的例子。在更大的站點上,您可以禁用某些不需要的WooCommerce指令碼、EDD指令碼等。您可能知道這是多麼強大。通常,如果某些東西沒有被使用或需要,最好不要為使用者載入它。這確保了可能的最佳載入時間。對於那些還沒有在支援HTTP/2的伺服器上執行的人來說,使用這個外掛你會看到更大的速度提升。您可以嘗試的另一個免費替代方案,非常相似,是Plugin Organizer外掛。
有關加速WordPress的其他資源
除了上面提到的所有出色的效能外掛外,這裡還有一些額外的資源可以幫助您進一步加快網站速度。
- 如何做到Google PageSpeed Insights測試滿分
- WordPress網站CSS、JavaScript和HTML檔案瘦身壓縮教程
- 詳解如何優化壓縮WordPress部落格圖片
- 如何移除阻塞渲染的JavaScript和CSS
- 加快WordPress的19個超越技巧
小結
如您所見,上面的許多WordPress效能外掛只是小幅調整。但是,如果您開始實施所有這些,它們絕對可以使網站速度更快。
根本不需要評論?然後您可以簡單地禁用WordPress中的評論。我們是否錯過了其他任何效能良好的外掛?如果有更加好的東西,請留言告訴我們。
評論留言