WordPress 쿼리 모니터 플러그인: 디버그 및 성능 향상

게시 됨: 2019-09-05
쿼리 모니터
@Cloudways 팔로우

WordPress 오류가 발생하지만 해결할 수 없습니까?

WordPress 오류를 감지하기 위해 개발자는 일반적으로 반대로 작업합니다. 그들은 문제가 있을 수 있는 코드 섹션을 제외하는 것으로 시작한 다음 개별 영역을 평가하기 시작합니다. 일반적으로 WordPress 웹 사이트의 경우 주요 관심 영역은 PHP 설정, .htaccess 파일, wp-config 파일, 데이터베이스 쿼리 및 DNS 설정입니다.

얼마 전에 웹사이트에서 진행 중인 작업을 검색할 수 있는 훌륭한 개발 도구인 WordPress Query Monitor 플러그인을 발견했습니다. 플러그인은 개발자가 코드의 "문제가 있는" 영역을 좁히는 데 사용할 수 있는 자세한 정보를 제공합니다.

플러그인에 대한 이 자습서에서는 WordPress Query Monitor 플러그인에 대한 자세한 소개로 시작한 다음 플러그인의 일반적인 사용 사례에 대한 간략한 설명으로 이동합니다.

  • WordPress 쿼리 모니터란?
  • WordPress 쿼리 모니터의 기능
  • 쿼리 모니터가 개발자에게 유용한 이유는 무엇입니까?
  • WordPress 쿼리 모니터를 사용하는 방법?

WordPress 쿼리 모니터란?

쿼리 모니터는 디버깅 단계에 큰 가치를 더하고 일반적으로 WordPress 개발 워크플로의 전반적인 성능을 향상시키는 WordPress 플러그인입니다.

플러그인은 현재 페이지에서 실행 중인 쿼리 수, 로딩 시간, 쿼리 유형별 필터, 구성요소별 필터 등을 포함하는 드롭다운 목록 역할을 하는 항목을 상단 메뉴 표시줄에 추가합니다. 결과적으로 개발자는 웹 사이트에서 오류를 일으킬 수 있는 것이 무엇인지 더 잘 알고 있습니다.

워드프레스 쿼리 모니터 플러그인

John Blackbourn이 개발했으며 공식 WordPress Plugin Repository와 GitHub 모두에서 사용할 수 있습니다. 모든 훌륭한 WordPress 플러그인과 마찬가지로 Query Monitor는 정기적으로 업데이트되며 개발 팀은 보고된 모든 버그에 대해 우수한 지원과 수정 사항을 제공합니다.

설치는 매우 간단하며 일반적으로 추가 단계가 필요하지 않습니다(유사한 플러그인의 설치 프로세스와 비교할 때). 설치 후 이 WordPress 디버그 플러그인은 추가 구성이 필요하지 않습니다. 상자에서 꺼내자마자 관리 도구 모음에 드롭다운 목록이 표시되기 시작합니다.

쿼리 모니터 설정

드롭다운 목록의 항목을 클릭하면 데이터베이스, 스크립트 및 로드된 CSS, 활성 후크 및 HTTP API 호출에 대한 쿼리에 대한 세부 정보에 액세스할 수 있습니다.

도구 모음

WordPress 쿼리 모니터의 기능

다음은 Query Monitor 플러그인의 기능에 대한 간략한 개요입니다.

테마 오류

테마 기능은 설치된 WordPress 테마에 의해 트리거된 모든 쿼리를 나열합니다. 특정 쿼리를 담당하는 테마 템플릿의 파일 이름을 표시하고 전체 템플릿 계층을 보여줍니다. 테마 기능은 또한 언로드된 테마 부분과 활성 WordPress 테마의 이름을 강조 표시합니다.

PHP 오류

WordPress는 PHP에서 실행되며 요청이 테마 또는 플러그인에 의해 생성되는지 여부는 PHP 코드 형식입니다. PHP 오류 기능은 소스 구성 요소와 쿼리 생성을 담당하는 위치를 강조 표시합니다.

참고: 쿼리 모니터에 나열된 모든 쿼리가 심각한 것은 아닙니다. 단지 경고일 가능성이 큽니다.

AJAX 호출

동적 WordPress 사이트는 전체 웹 페이지를 로드하지 않고 실시간으로 데이터를 보내고 가져오기 위해 많은 Ajax 호출을 합니다. 쿼리 모니터는 또한 다른 유용한 디버깅 정보와 함께 이러한 요청을 표시합니다. 이 정보는 개발자가 오류를 강조 표시하는 데 도움이 될 수 있습니다.

REST API

쿼리 모니터를 모니터링할 수 있는 권한이 있는 경우 인증된 WordPress REST API 요청 헤더 내부에 제공된 정보를 디버그할 수 있습니다. 현재 플러그인은 PHP 오류 및 메모리 사용량만 지원합니다.

입증

기본적으로 단일 사이트 설치의 관리자와 WordPress Multisite의 최고 관리자만 쿼리 모니터 내부의 로그를 볼 수 있습니다. 그러나 사용자로 로그인한 경우에도 로그를 볼 수 있도록 인증 쿠키를 설정할 수 있습니다.

개인 정보 보호 정책

WordPress Query Monitor는 데이터를 수집하거나 제3자에게 데이터를 보내지 않습니다.

또한 FAQ에서 디버그 표시줄 추가 기능을 쿼리 모니터와 함께 사용할 수 있음을 나타냅니다. 먼저 디버그 표시줄을 비활성화하면 됩니다. 쿼리 모니터용 애드온도 있습니다.

쿼리 모니터가 개발자에게 유용한 이유는 무엇입니까?

Query Monitor 플러그인을 사용하면 개발자는 개선해야 할 부분에 대한 공정한 아이디어를 얻을 수 있습니다. 그 이상으로 개발자는 비정상적인 양의 리소스를 소비하거나 (심각한 경우) 나머지 코어 파일과 충돌하는 플러그인 또는 기타 웹사이트 자산을 발견할 수 있습니다.

웹 성능 최적화(WPO) 개선에 관심이 있는 웹 사이트 소유자 및 개발자를 위해 쿼리 모니터는 개선된 코드 조각, 대안 ​​또는 경우에 따라 스크립트/플러그인의 완전한 교체로 수정할 수 있는 병목 현상을 식별하기 위한 이상적인 솔루션입니다.

페이지 로드 시간과 페이지의 활성 쿼리 수를 찾는 간단한 개발 작업을 고려해 보겠습니다.

워드 프레스 이벤트 두 가지 간단한 기능 : get_num_queries ()와 timer_stop (). 이름에서 알 수 있듯이 get_num_queries() 는 실행 중에 생성된 데이터베이스 쿼리 수를 반환하고 timer_stop() 은 페이지를 생성하는 데 필요한 시간(초 )을 반환합니다.

WordPress 쿼리 모니터를 사용하는 방법?

Query Monitor를 설치 및 활성화한 후에는 Plugins → Installed Plugins → Query Monitor → Settings 로 이동한 다음 “ 인증 쿠키 설정 ” 버튼을 클릭해야 합니다. 이제 쿼리 모니터 플러그인의 각 섹션을 자세히 살펴보겠습니다.

개요

첫 번째 탭은 웹사이트에 대한 개요를 제공합니다. 페이지 생성 시간, 최대 메모리 사용량, 데이터베이스 쿼리 시간 및 데이터베이스 쿼리를 보여줍니다.

개요

데이터베이스 쿼리

사용자가 정보를 요청하거나 정보를 제출하려고 할 때마다 데이터베이스 쿼리가 트리거됩니다. 쿼리 모니터는 이 쿼리를 추적하고 로그 내부에 표시하므로 사용자는 어떤 쿼리가 성공적으로 실행되고 어떤 쿼리가 실행되지 않았는지 확인할 수 있습니다. 또한 쿼리의 유형 및 구성 요소별로 필터링할 수도 있습니다.

쿼리

요구

요청 기능은 현재 사용자에 대한 쿼리 변수를 표시하고 사용자 지정 쿼리를 강조 표시합니다. 또한 요청 내부에 있는 관련 쿼리 문자열을 보여줍니다.

요구

관리자 화면

이 섹션은 WordPress 관리자 패널에서 일어나는 활동을 보여줍니다. 관리자 패널에서 액세스하는 구성 요소를 나열하고 PHP 파일을 사용할 수 없기 때문에 오류가 표시됩니다.

관리자 화면

스크립트

쿼리 모니터 내의 스크립트 탭을 방문하면 대기 중인 모든 스크립트와 요청에 포함된 스타일이 나열됩니다. 또한 외부 종속성으로 인해 손상되거나 응답하지 않는 스크립트를 강조 표시합니다.

스크립트

스타일

때때로 외부 종속성으로 인해 특정 CSS 파일이 로드되지 않고 웹 페이지 레이아웃이 손상될 수 있습니다. 이 섹션에서는 CSS 스타일 시트를 다루고 쿼리 뒤에 있는 소스 파일을 식별하는 데 도움을 줍니다.

스타일

후크 및 작업

후크 및 작업은 WordPress 자체에서 제공하는 사전 정의된 컨트롤을 사용하여 사용자 정의 기능을 생성할 수 있도록 하므로 모든 WordPress 사이트에서 중요한 역할을 합니다. 그렇게 하면 때때로 웹 사이트가 손상될 수 있으며 오류 문제를 해결하는 것은 피곤한 작업이 될 수 있습니다.

후크 및 작업으로 인한 오류를 식별하는 도구가 내장된 쿼리 모니터 덕분입니다. 이를 통해 코어, 테마 또는 플러그인별로 작업 및 후크를 필터링할 수 있습니다. 또한 디버깅 목적으로 코드 내에서 쉽게 찾을 수 있는 완전한 이름과 참조를 제공합니다.

후크와 액션

언어

다국어 웹사이트의 경우 언어 탭은 깨지거나 사용할 수 없는 파일을 식별하고 언어 설정도 표시합니다.

언어

HTTP API 호출

이 탭에는 모든 서버 측 쿼리가 표시되며 응답 코드, 시간 초과 로그 및 실패한 요청도 표시됩니다. 실시간으로 응답을 확인하고 서버 측 코드를 효율적으로 디버깅할 수 있도록 도와주는 유용한 기능입니다.

http API 호출

일시적인 업데이트

WordPress는 일부 API가 주어진 시간에 특정 수의 요청만 허용하기 때문에 데이터베이스에서 API 응답을 캐싱할 수 있습니다. 일시적 업데이트는 이러한 일시적인 현상을 표시하고 크기와 구성 요소도 표시합니다.

일시적인 업데이트

기능 점검

기본적으로 이것은 비활성화되어 있으며 wp-config.php 파일 내부에 코드를 배치하여 활성화할 수 있습니다. 기능 검사는 페이지의 각 사용자에 대한 기능 검사를 수행하고 결과와 함께 매개변수를 표시합니다.

능력 검사

환경

이것은 WordPress 환경에 대한 전체 개요이며 PHP, 데이터베이스 및 WordPress에 대한 세 가지 섹션을 포함합니다. 각 섹션 내에는 MySQL 버전, PHP 메모리 제한, WordPress 버전 등 환경에 대한 유용한 정보가 표시됩니다.

환경

조건부

현재 요청에 대한 모든 WordPress 조건을 표시합니다.

조건부

마무리!

WordPress Query Monitor 플러그인은 디버깅에 중점을 두고 있으며 모든 관련 정보를 이해하기 쉽게 제공합니다. 플러그인은 웹사이트 성능에 영향을 미치는 플러그인, 테마 또는 기능을 빠르게 식별하는 데 이상적입니다.

플러그인은 현재 페이지에 대한 일반적인 설명을 표시하는 관리자 도구 모음의 메뉴를 통합하고 전체 데이터가 패널에 표시됩니다(메뉴 항목을 선택하면). 다음 중 사이트를 건강하게 유지하기 위해 가장 자주 사용하는 구성요소는 무엇입니까? 어떤 제안?