利用Query Monitor外掛除錯WordPress並提高網站效能

Query Monitor

想象一下這種情況:您正在處理WordPress開發專案並安裝了十幾個或更多外掛。但是,您的網站並沒有像您希望的那樣嗡嗡作響。您已經排除了所有常見的疑點:託管已經足夠,沒有明顯的JavaScript或PHP錯誤,也沒有其他明顯的錯誤。您懷疑您安裝的一個或多個外掛是罪魁禍首,但您如何確定是哪個外掛導致了問題?

識別麻煩外掛的常用方法是逐個停用外掛,直到您嘗試解決的行為停止。但是,安裝正確的外掛後,您可以更快、更準確地查明和除錯WordPress問題。這是Query Monitor旨在解決的那種場景。

什麼是Query Monitor?

Query Monitor是一個免費的WordPress除錯和開發外掛。您可以使用它來識別和除錯緩慢的資料庫查詢、AJAX呼叫、REST API請求等等。此外,該外掛還會報告網站詳細資訊,例如指令碼依賴項和依賴項、在頁面生成期間觸發的WordPress鉤子、託管環境詳細資訊、當前頁面滿足的條件查詢標籤等等。

WordPress外掛-Query Monitor

WordPress外掛-Query Monitor

該外掛由John Blackbourn開發,他是WordPress的核心提交者,目前是Human Made的一名開發人員,之前受僱於WordPress.com VIP — 換句話說,他是真正瞭解WordPress的人。Query Monitor於2013年被新增到WordPress外掛目錄中,目前擁有超過10,000次活動安裝——對於開發外掛來說,這是一個令人印象深刻的總數。該外掛的使用者評分為五顆星,這有助於解釋它在開發人員中的受歡迎程度。

Query Monitor有什麼作用?

很多。

我們不會花時間列出Query Monitor提供的每個功能,但如果您想深入瞭解細節,請檢視GitHub上的Query Monitor。在高層次上,Query Monitor所做的是在生成WordPress網頁的同時監視伺服器上或伺服器與訪問者瀏覽器之間發生的每個WordPress事務。然後,它將報告附加到網頁的頁尾,詳細說明它收集的所有資訊。它適用於每個頁面,包括 /wp-admin/ 頁面,因此您可以使用它除錯任何前端或後端頁面。

該外掛以核心功能命名:資料庫查詢監控。每個查詢都受到監控、計時,並繫結到生成它的函式。因此,您可以根據查詢的處理時間對查詢進行排序,並查明有問題、載入緩慢的查詢。

Query Monitor還跟蹤並列出生成頁面的WordPress鉤子和條件標籤應用程式。作為開發人員,您可以使用此資訊來確定新增新外掛或主題功能時要使用的正確掛鉤或條件標籤。

Query Monitor提供了很多附加資訊。處理Query Monitor生成的所有內容的最佳方法是將其安裝在測試站點上並檢視報告。

如何使用Query Monitor

使用您喜歡的方法安裝Query Monitor:它位於GitHub上,也可從WordPress外掛目錄獲得。安裝外掛後,您會注意到的第一件事是管理欄中新增了一個新選單項:

Query Monitor管理欄

Query Monitor管理欄

新專案上的標籤顯示了一些指標:

  • 頁面生成時間,
  • PHP記憶體使用高峰,
  • 資料庫查詢時間,以及
  • 進行的資料庫查詢總數。

將滑鼠懸停在管理欄上,將出現一個下拉選單。Query Monitor生成的所有資料都包含在新增到頁面底部並分為多個部分的單個報告中。單擊下拉選單中的任何專案以轉到查詢監視器報告的相應部分。例如,下面是頁面上執行的整體“queries”的螢幕截圖。

Query Monitor查詢

Query Monitor查詢

如果發生任何PHP錯誤,或者任何查詢花費的時間過長,其他專案將新增到下拉選單中,突出顯示這些問題。單擊它們以檢視更多詳細資訊。

您可能會注意到列表中的最後幾項從一頁更改為下一頁。這些以綠色顯示的專案是當前頁面滿足的條件查詢標籤。

滾動整個報告以檢視Query Monitor生成的大量資料。花點時間嘗試可用於過濾報告中包含的資料的下拉選單以及包含“+”符號的框,可用於檢視有關許多報告詳細資訊的更多資料。

如果您想從Query Monitor中獲取更多資料,請檢視第三方Query Monitor附加元件,以檢視是否存在可生成所需除錯資訊的外掛。

如何以登出使用者的身份檢視查詢監控資料

當您以管理員身份登入時檢視WordPress網站時,該網站包含一個管理欄和其他指令碼,登出的訪問者看不到這些。Query Monitor可以在登出時檢視站點並且仍然可以訪問除錯資訊。但是,第一次使用此功能可能會有些棘手。

要以登出的訪問者身份檢視Query Monitor資料,請執行以下步驟:

  • 以管理員身份登入時轉到WordPress管理區域,然後單擊管理欄中的查詢監視器項。
  • 滾動報告資料的最底部並查詢顯示Set authentication cookie的連結。請注意,您必須在管理區域才能看到連結。如果您在前端頁面上查詢連結,您將找不到它。
  • 單擊該連結會將身份驗證cookie新增到您的瀏覽器。這樣,即使您未登入,Query Monitor也會知道顯示測試結果。
  • 設定身份驗證cookie後,退出站點或使用User Switching等外掛切換到非管理員使用者配置檔案。
  • 導航到要檢視除錯資訊的頁面並滾動到頁面底部。在那裡,您將看到Query Monitor報告的精簡版本。單擊任何項​​目以展開報告。

小結

作為WordPress開發人員,擁有合適的工具可以讓您的工作更輕鬆。Query Monitor是一款免費工具,有可能為您節省大量時間。您可以將其用於:

  • 查明慢查詢和觸發它們的函式,
  • 生成WordPress生成頁面時遇到的WordPress鉤子列表,
  • 確認哪些條件標籤適用於當前頁面或帖子,
  • 識別JavaScript資源之間的關係,
  • 檢視伺服器配置詳細資訊,以及
  • 更多

如果您嘗試使用Query Monitor,它很有可能會立即成為您的WordPress開發環境的永久補充。

評論留言