{"id":25924,"date":"2023-11-30T10:49:04","date_gmt":"2023-11-30T09:49:04","guid":{"rendered":"https:\/\/www.serverplan.com\/blog\/?p=25924"},"modified":"2023-11-30T10:49:08","modified_gmt":"2023-11-30T09:49:08","slug":"query-monitor","status":"publish","type":"post","link":"https:\/\/www.serverplan.com\/blog\/query-monitor\/","title":{"rendered":"Query Monitor, come usarlo per il debug di WordPress"},"content":{"rendered":"\n

Query Monitor<\/strong> \u00e8 uno di quei plugin WordPress che non rientrano nelle liste delle estensioni pi\u00f9 quotate e di moda per rendere un sito web adatto alle esigenze dello sviluppatore. Eppure resta uno dei presidi fondamentali per ottimizzare le performance e rendere il tuo portale adatto alle sfide.<\/p>\n\n\n

\n
\"Query<\/figure>\n<\/div>\n\n\n

In particolare quando parliamo di velocit\u00e0 di caricamento delle risorse pubblicate, user experience e Core Web Vitals<\/a>. Per avere buoni risultati devi semplificare il pi\u00f9 possibile le pagine, questo \u00e8 vero. Ma ci\u00f2 significa anche eliminare ci\u00f2 che riguarda elementi visual che possono aiutare le conversioni. E quando apri un e-commerce non puoi semplicemente seguire la regola del less is more<\/strong>. Non funziona cos\u00ec, \u00e8 chiaro.<\/p>\n\n\n\n

Devi avere delle basi solide per far funzionare check-out, carrello e altri aspetti della vendita digitale. Certo, una base solida \u00e8 essenziale: avere un hosting performante<\/a>, magari con WordPress preinstallato e ottimizzato, \u00e8 sempre utile. Soprattutto quando ha cache inclusa, HTTP\/2<\/a> e HTTP Keep alive<\/a>. Ma non basta per i siti web pi\u00f9 esigenti entra in gioco Query Monitor. Vuoi approfondire? Continua a leggere.<\/p>\n\n\n\n

Cos’\u00e8 Query Monitor, una definizione<\/h2>\n\n\n\n

\n\n\n\n

Si tratta di un plugin WordPress dedicato all’ottimizzazione delle performance interne che trovi nella directory ufficiale<\/a>. Lo scopo di questa estensione \u00e8 quella di aiutare gli sviluppatori a correggere gli errori<\/p>\n\n\n\n

Nello specifico si usa per il debug e riguarda database<\/strong>, CSS, chiamate Ajax, errori PHP, script, chiamate HTTP, etc. Quindi, \u00e8 una di quelle estensioni che puoi usare per lavorare di cesello e portare il tuo sito web a un’efficienza massima. Anche quando hai bisogno di elementi in pi\u00f9 per arricchire le funzioni e l’estetica. <\/p>\n\n\n\n

A cosa serve e cosa posso fare con QM<\/h2>\n\n\n\n

Lo scopo principale di questa estensione \u00e8 monitorare le query<\/strong> – ovvero le domande, le richieste – dei dati nelle tabelle del database di WordPress<\/a>. Aggregando e filtrando i dati, puoi risolvere i problemi che subentrano nel momento in cui scopri che il sito web \u00e8 ancora lento nonostante l’uso di un hosting performante, immagini leggere in WebP<\/a>, CSS e JS minificati<\/a>. Ad esempio, uno degli usi pi\u00f9 interessanti che puoi fare di Query Monitor \u00e8 l’osservazione degli elementi poco performanti dei singoli plugin. Cos\u00ec puoi decidere di disinstallarli e scegliere delle soluzioni migliori. <\/p>\n\n\n\n

O magari gestire il tutto con una linea di codice. In realt\u00e0 con Query Monitor puoi fare tanto altro, ad esempio analizzare uso della memoria<\/strong>, file del template, PHP e non solo. Ti stai chiedendo come usare questo plugin cos\u00ec interessante? Ecco qualche idea da cogliere al volo.<\/p>\n\n\n\n

Come utilizzare Query Monitor sul sito<\/h2>\n\n\n\n

Query Monitor \u00e8 un plugin che consente di fare il debug delle query <\/strong>in un database, individuare plugin che portano problemi e ottimizzare le prestazioni generali del sito. Come utilizzarlo per risolvere gli intoppi e migliorare il lavoro? In primo luogo devi installare questa estensione.<\/p>\n\n\n\n

\"Come<\/figure>\n\n\n\n

Una volta attivata l’estensione, noterai una nuova barra degli strumenti nella parte superiore della tua bacheca di controllo che mostrer\u00e0 il numero totale di query eseguite sulla pagina. Puoi fare click per aprire l’interfaccia principale<\/strong> di Query Monitor. Dove trovi tutti i dettagli dell’analisi.<\/p>\n\n\n\n

\"Come<\/figure>\n\n\n\n

Ora usciamo dall’analisi della singola risorsa. Se vai nella sezione Panoramica hai una visione generale delle prestazioni del tuo sito web. Qui puoi vedere il numero di query<\/strong> eseguite, il tempo medio di esecuzione e quello totale. Puoi scoprire quali componenti del tuo sito web stanno impegnando le risorse attivando il maggior numero di query. Qui puoi valutare se \u00e8 giusto o meno il risultato.<\/p>\n\n\n\n

Qui inizia il tuo lavoro di ottimizzazione. La scheda in cui analizzi le Query hai un elenco dettagliato di tutte le richieste eseguite sulla pagina corrente. Per ogni query<\/strong> che hai registrato, puoi vedere il tipo di interrogazione, il tempo, il numero di righe e il percorso del file. <\/p>\n\n\n\n

Ovviamente questo \u00e8 il cuore del dispositivo: puoi identificare le query che stanno impiegando troppo tempo a essere eseguite ed eliminare o correggere e ottimizzare quelle indispensabili. Nella sezione di Caching <\/strong>scopri cosa sta impegnando questa risorsa e la scheda API HTTP mostra informazioni sulle richieste lato server eseguite durante l’upload della pagina che possono causare tempi di caricamento elevati.<\/p>\n\n\n\n

Altri tool utili insieme a Query Monitor?<\/h2>\n\n\n\n

Cosa posso utilizzare per accompagnare Query Monitor<\/strong> in questo percorso di continua ottimizzazione del sito web? Oltre al classico Pagespeed Insight<\/a> che \u00e8 sempre utile per valutare le performance e individuare falle del tuo sito web puoi utilizzare WP Crontrol per monitorare il WP-Cron system e Advanced Database Cleaner<\/a> che ti consente di fare pulizia nelle tabelle del tuo archivio dati. Ovviamente facendo sempre un buon backup. <\/p>\n\n\n\n

Proprio come puoi fare grazie all’hosting gestito con WordPress di Serverplan. Oltre a poter gestire in autonomia la copia di sicurezza con un semplice click, nel pannello di controllo cPanel <\/strong>puoi creare una versione d staging dove testare tutte le modifiche senza influenzare il sito web.<\/p>\n\n\n\n

<\/div>

Hosting WordPress preinstallato e gestito con SiteBuilder AI incluso <\/p>