Ce este pluginul Query Monitor?

Dacă ați întâlnit vreodată un site web lent pe care pur și simplu nu vă puteți da seama cum să accelerați sau feedback de la un client că acesta caută o creștere a performanței, pluginul Query Monitor ar putea fi noul dvs. cel mai bun prieten. Query Monitor „este panoul de instrumente pentru dezvoltatori pentru WordPress.

Permite depanarea interogărilor de baze de date, erori PHP, cârlige și acțiuni, blocuri ale editorului de blocuri, scripturi și foi de stil puse în coadă, apeluri HTTP API și multe altele...”. Și, mai ales dacă ești dezvoltator, este un instrument pe care vrei să-l ai în cutia ta de instrumente atunci când inevitabil trebuie să depanezi erori sau comportamente neașteptate pe site-urile WordPress.

În acest articol, vom arunca o privire la ce este pluginul Query Monitor și cum vă poate ajuta, ca dezvoltator, să obțineți o perspectivă mai bună asupra întregului cod care rulează pe site-ul dvs. WordPress.

Ce este Query Monitor

Query Monitor este un plugin care este foarte mult un „cuțit elvețian” pentru dezvoltatori. Deși s-ar putea să fiți obișnuit să vă uitați la șabloane, script-ul și coada de stil și toate pluginurile diferite care sunt utilizate pe site-ul dvs., Query Monitor vă permite să mergeți cu un nivel mai profund.

Cu pluginul Query Monitor instalat, puteți să vă uitați la interogările bazei de date care au loc de fapt, la toate diferitele părți ale șablonului care sunt incluse ca parte a unei anumite încărcări a paginii și puteți explora cu adevărat tot ceea ce ar putea cauza probleme de performanță pe dvs. site-ul web.

Când aveți nevoie de Query Monitor?

Query Monitor este cel mai important atunci când ați identificat o problemă pe site-ul dvs. web, fie că este vorba despre o problemă cu performanța generală, probleme pe o anumită pagină sau probleme semnalate de un instrument precum GTMetrix sau Google PageSpeed. Când utilizați aceste instrumente, totuși, uneori pot masca problema reală.

De exemplu, dacă observați un scor de performanță scăzut în analiza dvs. Google PageSpeed, există o interogare neconformă în baza de date care durează mai mult decât ar trebui să fie afișată pe fiecare pagină? Deoarece PageSpeed ​​nu are acces la backend-ul site-ului dvs., nu vă poate oferi informații mai specifice, în afară de „această parte a site-ului dvs. trebuie să fie mai rapidă”. Aici intervine Query Monitor.

Cum arată interfața Query Monitor?

În timp ce Query Monitor are o mulțime de funcționalități încorporate (pe care le puteți naviga mai complet ca parte a documentației), ne vom concentra pe trei părți specifice ale pluginului: depanarea interogărilor bazei de date, aflarea mai multor informații despre șabloanele care site-ul dvs. WordPress folosește și se scufundă mai adânc în care cârlige și acțiuni sunt utilizate.

După ce instalați pluginul Query Monitor, dacă sunteți autentificat ca utilizator WordPress, veți vedea că Query Monitor are propria sa secțiune ca parte a barei de administrare unde puteți accesa statisticile detaliate care vă vor ajuta să începeți depanarea.

Interogări baze de date

Dacă selectați elementul Queries din secțiunea Monitorizare interogări a barei de administrare, veți vedea o fereastră care va apărea în partea de jos a ecranului, care defalcă diferitele interogări ale bazei de date pe care site-ul dvs. le-a făcut pentru a reda pagina pe care vă aflați.

Aici nu numai că puteți filtra interogările bazei de date după ce parte din WordPress a făcut interogarea inițial, dar puteți vedea cu ușurință când au fost făcute interogări de bază de date duplicate care ar putea beneficia de stocarea în cache a obiectelor.

Derulând în jos prin această listă, puteți vedea fiecare interogare a bazei de date care a fost utilizată pentru a reda pagina pe care vă aflați în prezent, precum și ce parte a bazei de coduri WordPress a făcut ca baza de date să poată fi executată și timpul necesar pentru a se executa interogarea.

Coloana Time poate fi sortată, astfel încât să puteți vedea foarte rapid interogările care durează cel mai mult să fie executate ca parte a încărcării paginii și să începeți depanarea acolo.

Interogările lente și duplicate ale bazelor de date pot fi o problemă uriașă pentru site-urile WordPress și adesea trec neobservate. Cu toate acestea, aruncând o privire la interogările bazei de date cu Query Monitor, puteți începe să vedeți dacă există, de exemplu, o meta-interogare post care trebuie refactorizată deoarece site-ul dvs. a crescut prea mare.

Informații despre șablon

În special atunci când se depanează rezultate neașteptate de pe partea frontală a unui site, este foarte util să știi ce șablon este utilizat și ce părți de șablon sunt încărcate. Acesta este un alt domeniu în care Query Monitor poate fi de mare ajutor.

Selectând opțiunea Template din meniul derulant Monitor de interogare, puteți vedea șablonul principal care a fost folosit pentru a reda pagina, precum și orice părți de șablon care au fost utilizate.

Cu aceste informații, nu numai că puteți vedea ce șablon este utilizat în prezent, dar puteți obține câteva informații despre modul în care a fost analizată Ierarhia șabloanelor ca parte a construcției acestei pagini, precum și ce clase de corpuri au fost incluse.

Acest lucru face ca fila Template din Monitorul de interogări să fie o vizualizare foarte puternică atunci când începeți să depanați problemele front-end.

De exemplu, dacă aveți un plugin care ar trebui să aplice stilul unei pagini printr-o clasă CSS, cel mai bun loc pentru a începe depanarea problemelor de stil legate de acesta este să utilizați fila Template pentru a verifica dacă acea clasă de corp este chiar adăugată la pagina așa cum era de așteptat înainte de a se scufunda în depanarea CSS-ului.

Cârlige și acțiuni

O altă zonă a execuției WordPress care poate fi dificil de depanat devine evidentă odată ce începeți să utilizați Acțiuni și filtre. Acțiunile și filtrele sunt folosite de tot felul de pluginuri și teme diferite pentru a personaliza funcționalitatea WordPress, dar nu puteți fi întotdeauna sigur că se declanșează exact așa cum doriți să fie.

De exemplu, o problemă comună este că o funcție este conectată la o acțiune sau un filtru, dar apoi funcționalitatea sa este suprascrisă de o altă funcție care rulează la o prioritate mai mare. Folosind fila Hooks and Actions din Query Monitor, puteți detalia cu ușurință și puteți vedea ce funcții sunt conectate la ce acțiuni și exact unde în ciclul de execuție și încărcare al paginii se execută.

Coloana din dreapta vă spune chiar care componentă este responsabilă pentru funcționalitatea care este apelată, așa că dacă găsiți un conflict, puteți explora acea parte a bazei de cod și puteți afla exact ce se întâmplă și ce trebuie modificat.

Query Monitor vs WP_DEBUG

O concepție greșită comună este că Query Monitor vă oferă acces la informații care ar fi fost disponibile dacă ați avea constanta WP_DEBUG activată pe site-ul dvs. În timp ce Query Monitor oferă unele dintre aceleași informații care ar fi disponibile dacă ați depana site-ul WordPress, informațiile pe care le-am detaliat mai sus ar fi mult mai greu de găsit fără o depanare extinsă a codului individual.

Cu Query Monitor, nu numai că ai o interfață plăcută și curată pentru a răsfoi aceste informații, ci le poți scoate pe toate din cutie, fără a fi nevoie să-ți modifici baza de cod, permițându-ți să pornești foarte rapid problemele de depanare și să descoperi ce parte din baza de cod trebuie modificată.

În plus, deoarece rulează numai pentru utilizatorii conectați, puteți fi sigur că non-administratorii site-ului dvs. nu văd informațiile de depanare și că utilizatorii care nu sunt conectați nu au performanța paginii afectate de Interogare. Monitorizează rularea.

Încheierea

Mai ales atunci când nu știți de unde să începeți depanarea unei anumite probleme pe site-ul dvs. WordPress, Query Monitor poate fi o modalitate excelentă de a obține o imagine generală a tuturor părților cruciale ale ciclului de execuție WordPress. Parcurgerea diferitelor file vă va permite să vedeți dacă ceva nu pare chiar în regulă și să explorați mai profund acea parte specifică a încărcării paginii. Cu acest instrument puternic din setul de instrumente de depanare, veți putea izola problemele mai rapid și veți putea reveni la construirea site-ului dvs. WordPress.

Pentru ce utilizați Query Monitor și cum v-a ajutat fluxul de lucru? Spune-ne mai jos în comentarii.