面向開發人員的最佳 WordPress 性能插件

已發表: 2019-01-29
wordpress 性能插件
關注@Cloudways

您的 WordPress 網站可能有一個一直吸引人的設計,但如果它在瀏覽器中沒有正確顯示,訪問者最終可能會感到沮喪。 因此,這可能會損害您的聲譽,對您的品牌形像以及轉化率產生負面影響。

響應式網頁設計技術解決了一系列性能問題,但今天,專注於少數屏幕的優化沒有多大意義,因為現在屏幕有多種尺寸可供選擇。

您並不總是需要購買功能更強大的服務器,並且不必要地花費更多的錢,因為這些策略最終並不順利。 相反,做一些事情以避免將來出現性能問題。

目錄

  • 為什麼網站性能很重要?
  • 最佳 WordPress 性能插件
    • 查詢監視器
    • 完整的分析優化套件 (CAOS)
    • 性能問題
    • P3(插件性能分析器)
    • WP Rocket 的 LazyLoad
    • Disqus 條件加載

為什麼網站性能很重要?

對於訪問網站的訪問者來說,最重要的是感知到的好處。 對於網站訪問者來說,沒有什麼比您的網站加載時間更重要的了。

與其考慮諸如在 Google PageSpeed Insights 上獲得 100/100 之類的徒勞指標,不如考慮並了解訪問者如何體驗您的網站速度。 雖然前者只是一個數字,但後者是用戶體驗的重要指標。

Google 的網絡性能工程師 Ilya Grigorik 在高性能瀏覽器網絡中概述了人類速度感知的指標:

  • 100 毫秒的響應時間對用戶來說似乎是即時的;
  • 100-300 毫秒代表很小但可察覺的延遲;
  • 300 毫秒 – 1 秒被視為“機器工作”;
  • 1 秒對於用戶來說代表了相當大的延遲。 因此,一秒鐘的等待時間足以打斷思想的流動,用戶可能會開始改變心態。

如果您的 WordPress 網站上的用戶體驗 (UX) 是負面的,那麼您將失去客戶並最終損失慘重。

你無法改進你沒有衡量的東西。 如果不測量您網站的加載速度,則可能無法檢測到其減速,並且錯誤會不斷累積。

網站緩慢的原因很多,有時非常技術性。 在最敏感的技術方面,網站速度變慢的原因可能是過度使用外部資源、大量使用 JavaScript 和 CSS 阻止顯示,因為它們沒有被處理,或者圖像過重。 平均而言,這些佔網頁權重的 60% 以上。

最佳 WordPress 性能插件

以下是最好的 WordPress 性能插件,可以幫助您確定影響網站性能的因素。 讓我們繼續閱讀。

1.查詢監視器

查詢監控插件

Query Monitor 擁有超過 60,000 次活躍安裝和 4.9/5 的平均評分,是一款面向開發人員的免費 WordPress 性能插件,旨在為調試階段提供支持。 這是一個非常有用的插件,它幾乎可以檢測到 WordPress 開發過程中可能發生的所有類型的錯誤。

Query Monitor 向 WordPress 管理欄添加一個菜單,並突出顯示通過 WordPress 的所有查詢信息。 在調試的上下文中,您可以找到很多有用的信息,例如 HTTP 請求、數據庫查詢、Ajax、重定向和 PHP 錯誤的詳細信息。

查詢監視器插件菜單

  • 在數據庫上執行的查詢該插件顯示在當前頁面上執行的每個查詢,突出顯示慢查詢、重複查詢和有錯誤的查詢。 此外,它允許按類型(SELECT、UPDATE、DELETE)、按組件(分為核心、插件和主題)以及按功能過濾查詢。
  • 腳本中使用的鉤子插件顯示當前頁面上執行的所有鉤子,允許它們以與查詢相同的方式進行過濾。
  • 活動主題:插件提供有關活動主題的信息,例如當前模板文件的名稱。
  • PHP 錯誤:通過將值 true 分配給 wp-config.php 文件中的常量 WP_DEBUG,有比 WordPress 提供的信息更詳細的信息。
  • HTTP 請求:提供了有關 HTTP 請求的真正信息,尤其是有關 var 查詢、規則查詢和永久鏈接結構標記的信息。
  • 腳本和样式:該插件提供有關頁面上的腳本和样式及其依賴項和版本的信息。

此外,該插件指向一系列匯總表,這些匯總表提供了 WordPress 開發過程中的各種有用數據。

在選擇主題和插件之間感到困惑?

試用我們的免費 WordPress Blue Print Maker

立即構建

2. 完整的分析優化套件 (CAOS)

完整的分析優化套件插件

如果您使用過 Google Analytics 跟踪代碼並通過 PageSpeed Insights 測試您的網站以檢查 Google 對您網站負載的看法,那麼您會注意到它建議您啟用壓縮並為您的代碼指定緩存。

幸運的是,有一個解決方案,您可以在 Google PageSpeed Insights 測試中獲得這些額外的數字。 您可以使用 Complete Analytics Optimization Suite (CAOS) 插件執行此操作。

這個 WordPress 性能插件,用於在 WordPress 中插入 Analytics 代碼,將 Google Analytics 的 JavaScript 代碼存儲在本地並對其進行縮小。 這意味著您超越了 PageSpeed Insights 的要求。

此外(這裡有天才的感覺),這個插件使用 WordPress wp-cron 定期檢查谷歌是否更新了代碼。 因此,您始終擁有最新版本的 Analytics。 現在您沒有任何理由不想安裝此插件。 我打賭!

3. 表演者

性能插件

使用 perfmatters,您可以通過減少 HTTP 請求和網頁大小來對 WordPress 性能進行小幅改進。 此插件允許您在每個頁面/帖子的基礎上啟用/禁用腳本。 例如,流行的聯繫表 7 適合加載在網站的每個頁面上。 使用 Perfmatters,上傳僅在您的聯繫頁面上完成。

perfmatters 不同於其他 WordPress 緩存插件來提高 WordPress 的速度,因為它採用與其他插件不同的方法來改善頁面的加載時間。

默認情況下,WordPress 啟用了大多數網站不需要的某些選項,並且會降低性能。 perfmatters 可以通過單擊幾個按鈕來禁用這些選項。

性能插件設置

另一個會減慢網頁加載速度的事情是不必要的 HTTP 請求。 perfmatters 允許您按頁面禁用這些腳本,這意味著您可以防止加載項在不需要時加載代碼。

因此,perfmatters 是 WordPress 性能插件之一,它不僅可以提高網站速度,而且即使您已經擁有特定的緩存插件,也值得安裝。 綜上所述,Perfmatters 的主要特點如下。

  • 適用於現有的緩存插件
  • 禁用默認的 WordPress 選項
  • 禁用每個頁面上的腳本
  • 支持 DNS 預加載

4. P3(插件性能分析器)

p3 插件性能分析器

使用P3,您可以執行網站掃描,隨機分析幾個頁面(首頁、帖子、類別等)的加載時間以獲得統一值。 最後,您會收到一份詳細的報告,並附有有趣且可讀的圖形,它告訴您加載已安裝的各種插件實際使用了多少時間。

請注意,P3 不會影響網站的性能,因為它僅掃描 WordPress 中專用於它的頁面,而不是實時掃描。 在正常瀏覽 WordPress 頁面期間不會加載它。

您可以在 Tools → P3 Plugin Profiler 中找到它的控制面板。 您可以通過單擊“開始掃描”,然後在出現的窗口中單擊“自動掃描”來開始掃描。

在“開始掃描”按鈕旁邊,您可以找到一些主要數據,例如活動插件的數量、加載時間、它們對頁面加載時間的影響以及執行的 MySQL 查詢數量。 在下部,您可以找到一系列卡片,其中包含詳細信息,在大多數情況下以圖表的形式出現。

p3 插件性能分析器掃描

顯然,這個數據是不可靠的。 在此背景下,Tom Ewer 對 ManageWP 進行了詳細分析,並在支持論壇中提出了澄清請求。 它表明 P3 作為一個普通插件,可能會由於其他插件運行或服務器負載(特別是如果共享)而遭受一些不准確的影響。

這與嚴重的污跡無關,而是與 P3 試圖計算的一定誤差幅度有關。 但是,該插件在突出與擴展存在相關的性能問題方面非常出色。

通過P3獲得的數據,您可以減少活躍插件的數量,替換或消除特別重的插件,從而獲得更快的WordPress網站。

如果您想分析特定頁面或一組頁面的加載情況,您可以使用手動掃描。

免責聲明: P3 尚未使用 WordPress 的最新三個主要版本進行測試,但它可能對開發人員有用。

5. WP Rocket 的 LazyLoad

由 wp 火箭懶加載

延遲加載,你可以直接翻譯成延遲加載,允許只加載屏幕上可見的圖像。 通過這種方式,您可以通過僅在所需時間加載必要的內容來節省大量請求、加載時間和帶寬。

此插件適用於縮略圖、所有內容圖像或文本小部件、頭像和笑臉。

這是最好的 WordPress 延遲加載插件列表

WP Rocket 的 LazyLoad 不需要像 jQuery 這樣的 JavaScript 庫,腳本重量小於 10KB。 這個插件非常簡單。 沒有廣泛的配置選項,因為插件會處理一切。

這個WordPress性能插件由WP Rocket團隊創建,並精確集成到WP Rocket插件中。 不用擔心 SEO,因為該插件會在 <noscript> 標籤之間插入帶有 src 屬性的圖像。

6. Disqus 條件加載

disqus 條件加載

Disqus Conditional Load (DCL) 是一個免費增值插件,可為 Disqus 評論系統提供高級功能。 隨著越來越多的人使用 Disqus 在您的網站上發表評論,您的 WordPress 網站的性能會變得更糟。 這個插件提供了強大的選項來在延遲加載、評論小部件、腳本禁用等方面修改 Disqus。

DCL 還提供簡碼、支持自定義帖子、調整容器的寬度以及啟用/禁用計數腳本。 如果您覺得由於 Disqus 評論系統導致網頁加載緩慢,此插件可以幫助您提高 WordPress 網站的加載速度。

包起來!

網站的性能直接和間接地對用戶體驗和 SEO 有著不可否認的影響。 從入站營銷的角度來看,它也會影響社交參與度和轉化率。 因此,如果您想贏得客戶並將其轉換為現金,您必須認真對待您的網站性能。