Il primo passo per diagnosticare i problemi di performance \u00e8 capire quali pagine sono effettivamente lente e in quali condizioni. Gli strumenti di sviluppo del browser (DevTools) sono il punto di partenza ideale perch\u00e9 sono gratuiti, sempre disponibili e offrono dati immediati.<\/p>\n
Il tab Network della console sviluppatore (F12 in Chrome\/Firefox) mostra tutte le richieste HTTP caricate dalla pagina: HTML, CSS, JavaScript, immagini, font e script esterni. Ricarica la pagina con il tab Network aperto e osserva: il tempo totale di caricamento (in basso a sinistra), il numero di richieste, la dimensione totale dei file trasferiti (1-2 MB \u00e8 accettabile, oltre 5 MB \u00e8 un campanello d’allarme) e il waterfall delle richieste. Identifica le richieste lente ordinandole per durata decrescente: spesso uno script esterno o un font impatta in modo sproporzionato.<\/p>\n
Il Performance Tab offre una registrazione dettagliata di ci\u00f2 che accade durante il caricamento della pagina. Premi Record, ricarica la pagina e ferma la registrazione. Otterrai una timeline con FPS, CPU, rete e attivit\u00e0 del thread principale. Cerca i “long task” (blocchi rossi sopra la linea) e i frame dropping. La sezione “Summary” mostra quanto tempo \u00e8 speso in Loading, Scripting, Rendering e Painting.<\/p>\n
Il Time To First Byte (TTFB) misura quanto tempo intercorre tra la richiesta HTTP e il primo byte ricevuto dal server. In WordPress, un TTFB alto indica problemi lato server: hosting poco performante, query database lente, assenza di caching o plugin che rallentano la generazione della pagina. Valori ideali: sotto 200ms (ottimo), 200-500ms (accettabile), sopra 500ms (da ottimizzare). Misura il TTFB dal tab Network (colonna “Waiting” o “TTFB”) o con tool online come webpagetest.org. Se il TTFB \u00e8 alto su pagine con contenuto statico, il problema \u00e8 server-side. Se \u00e8 alto solo su pagine dinamiche, il problema riguarda query specifiche o plugin.<\/p>\n
Query Monitor \u00e8 il plugin di debug pi\u00f9 completo per WordPress. Mostra in tempo reale: tutte le query SQL eseguite e il loro tempo, gli hook attivati e l’ordine di esecuzione, i dati delle richieste HTTP, gli errori PHP, le performance dei blocchi Gutenberg, l’uso della memoria e molto altro. Installa Query Monitor e analizza le pagine lente: cerca query lente (sopra 0.05s), query duplicate (la stessa query eseguita pi\u00f9 volte) e chiamate HTTP esterne non necessarie.<\/p>\n
P3 (Plugin Performance Profiler) misura l’impatto di ogni plugin sul tempo di caricamento. Il plugin esegue un’analisi automatica e produce un grafico a torta con i plugin pi\u00f9 “pesanti”. Disabilita temporaneamente tutti i plugin e riattivali uno a uno per isolare il colpevole. P3 \u00e8 particolarmente utile per siti con decine di plugin attivi.<\/p>\n
Se Query Monitor mostra query che impiegano pi\u00f9 di 0.1 secondi, hai un problema di database. Le cause comuni includono: tabelle wp_options gonfie (migliaia di righe), query senza indici, meta query complesse, WP_Query con post_type non indicizzato. Abilita il slow query log del database MySQL (o usa plugin come SlowDB) per identificare le query problematiche. Soluzioni pratiche: installa un plugin di caching delle query (come Redis o Memcached), ottimizza le tabelle con phpMyAdmin o WP-Optimize, aggiungi indici personalizzati alle colonne pi\u00f9 cercate.<\/p>\n
Google Analytics, Facebook Pixel, Google Fonts, librerie CDN e widget social sono spesso responsabili di rallentamenti significativi. Nel Network Tab, filtra per “third-party” e valuta l’impatto di ogni script. Soluzioni: carica Google Analytics in modalit\u00e0 differita, ospita Google Fonts localmente, usa la lazy load per widget social e rimuovi script non essenziali. Per gli script indispensabili, usa il caricamento asincrono (async) o differito (defer) per non bloccare il rendering della pagina.<\/p>\n
I conflitti tra plugin e tema sono una causa comune di problemi di performance. Lo scenario tipico: dopo l’installazione di un nuovo plugin, alcune pagine diventano lente o generano errori. Isola il conflitto disattivando tutti i plugin e attivando un tema WordPress predefinito (Twenty Twenty-Four). Se il problema scompare, riattiva plugin e tema originali uno alla volta finch\u00e9 il problema non ricompare. Per diagnosticare conflitti di JavaScript (errori in console che bloccano il caricamento), usa la console del browser e cerca errori rossi.<\/p>\n
WebPageTest (webpagetest.org) \u00e8 lo strumento pi\u00f9 completo per l’analisi delle performance. Inserisci l’URL, scegli un server di test (meglio vicino al tuo pubblico), e esegui il test. I report includono: First Byte, Start Render, Speed Index, Largest Contentful Paint (LCP), Time to Interactive (TTI) e un filmstrip del caricamento. La sezione “Waterfall View” mostra ogni richiesta in ordine cronologico con i tempi dettagliati. Le “Opportunities & Experiments” forniscono raccomandazioni specifiche per migliorare il punteggio.<\/p>\n
Dopo la diagnosi, crea un piano d’azione prioritario. Ordina i problemi per impatto e facilit\u00e0 di intervento:
\n1. Immediati (poche ore): attivare caching (WP Rocket, W3 Total Cache o LiteSpeed Cache), ottimizzare immagini (ShortPixel, Imagify), rimuovere plugin inutilizzati
\n2. Breve termine (1-2 giorni): sostituire plugin pesanti con alternative leggere, implementare CDN, ottimizzare database
\n3. Medio termine (1 settimana): ospitare font localmente, differire script non essenziali, ottimizzare query ricorrenti
\n4. Lungo termine (2+ settimane): valutare upgrade hosting, implementare Redis\/Memcached, riscrivere template con query inefficienti
\nMisura i risultati dopo ogni intervento con WebPageTest e confronta i punteggi per validare l’efficacia delle ottimizzazioni.<\/p>\n
Diagnosticare i problemi di performance di WordPress richiede un approccio metodico: usa DevTools per identificare il problema, Query Monitor per l’analisi tecnica e WebPageTest per la validazione. Concentrati sulle cause principali (senza dimenticare TTFB, query lente e script esterni) e intervieni in ordine di priorit\u00e0. Con gli strumenti giusti e un piano chiaro, puoi ridurre i tempi di caricamento del 50-70% e offrire un’esperienza utente significativamente migliore.<\/p>","protected":false},"excerpt":{"rendered":"
Identificare le pagine lente con gli strumenti del browser Il primo passo per diagnosticare i problemi di performance \u00e8 capire quali pagine sono effettivamente lente e in quali condizioni. Gli strumenti di sviluppo del browser (DevTools) sono il punto di partenza ideale perch\u00e9 sono gratuiti, sempre disponibili e offrono dati immediati. Network Tab Il tab […]<\/p>\n","protected":false},"author":1,"featured_media":2040,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_gspb_post_css":"","ai_primary_source":"Studio Immens Blog","visibility_scope":"both","ai_summary":"Identificare le pagine lente con gli strumenti del browser Il primo passo per diagnosticare i problemi di performance \u00e8 capire quali pagine sono effettivamente lente e in quali condizioni. Gli strumenti di sviluppo del browser (DevTools) sono il punto di partenza ideale perch\u00e9 sono gratuiti, semp...","ai_intent":"informative","ai_related_resources":"","ai_priority":5,"ai_entity_type":"Article","ai_is_based_on":"https:\/\/blog.studioimmens.com\/diagnosticare-problemi-di-performance-wordpress\/","ai_citations":"","ai_mentions":"","ai_speakable_selector":"","ai_chunk_hints":"Diagnosticare, problemi, di, performance","footnotes":""},"categories":[135],"tags":[],"ai_visibility":[],"class_list":["post-1943","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-performance-e-hosting"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/studioimmens.com\/en\/wp-json\/wp\/v2\/posts\/1943","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/studioimmens.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/studioimmens.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/studioimmens.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/studioimmens.com\/en\/wp-json\/wp\/v2\/comments?post=1943"}],"version-history":[{"count":1,"href":"https:\/\/studioimmens.com\/en\/wp-json\/wp\/v2\/posts\/1943\/revisions"}],"predecessor-version":[{"id":2234,"href":"https:\/\/studioimmens.com\/en\/wp-json\/wp\/v2\/posts\/1943\/revisions\/2234"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/studioimmens.com\/en\/wp-json\/wp\/v2\/media\/2040"}],"wp:attachment":[{"href":"https:\/\/studioimmens.com\/en\/wp-json\/wp\/v2\/media?parent=1943"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/studioimmens.com\/en\/wp-json\/wp\/v2\/categories?post=1943"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/studioimmens.com\/en\/wp-json\/wp\/v2\/tags?post=1943"},{"taxonomy":"ai_visibility","embeddable":true,"href":"https:\/\/studioimmens.com\/en\/wp-json\/wp\/v2\/ai_visibility?post=1943"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}