Come capire quali plugin rallentano WordPress e cosa fare dopo

Hai un sito WordPress lento e non capisci come mai?

Magari dai la colpa all’hosting quando invece il tuo è uno tra i migliori hosting per WordPress?

Ma se prima andava tutto bene, cosa è cambiato ora?

Il numero plugin installati!

Troppi plugin, soprattutto se hanno un codice non ottimizzato, possono rallentare il tempo di caricamento di WordPress, anche in maniera considerevole!

E visto che la velocità di caricamento di un sito è importante, devi limitare questo problema!

Ma come fare a capire quali sono i plugin che vanno ad impattare sul tempo di caricamento del sito?

Tempo fa utilizzavo il plugin P3 (Plugin Performance Profiler), ma ormai è stato rimosso.

Ad oggi ti consiglio di dare un’occhiata al plugin qui sotto che ho già consigliato come plugin per il debugging di WordPress.

Query Monitor

Il plugin Query Monitor è un plugin per sviluppatorei in grado di rilevare

  • Queries al database.
  • Errori php.
  • Hooks and actions.
  • Blocchi dell’editor a blocchi.
  • Scripts e fogli di stile caricati.
  • Chiamate HTTP API.

Installa il plugin sul sito che devi valutare (in localhost non funziona così bene).

Attiva il plugin.

Poi va nella pagina che vorresti migliorare.

Nella barra di amministrazione vedrai il menù del plugin con alcuni dati come tempo di caricamento, memoria utilizzata.

Cliccaci sopra e si aprirà il menù che ti servirà per analizzare le performance della pagina.

query monitor dati

Nel menù a sinistra clicca su Query da database > Query per componente.

Qui potrai vedere il tempo di caricamento di ciascun plugin attivo in quella specifica pagina, così da capire da quale plugin partire per migliorare le prestazioni.

Nel mio esempio, il plugin Cookie Law Info è quello più impattante (il mio Was This Helpful è iper veloce).

Clicca sul nome del plugin nella colonna Componente e vedrai tutte le query fatte da questo plugin nella pagina che stai analizzando, ed il relativo tempo di esecuzione.

Così potrai capire se ci sono query problematiche, o se si può ottimizzare qualcosa.

Un’altra sezione importante è Blocchi (per tema a blocchi), che mostra i blocchi utilizzati nella pagina e quanto tempo ci hanno messo ad essere renderizzati.

Per ultimo si può usare la Dev Console del Browser (come Chrome).

Su Chrome la trovi nel Menù > Più Strumenti > Strumenti per Sviluppatori.

Vai nella scheda Rete e aggiorna la pagina.

Ora vedrai le risorse caricate nella pagina e potrai vedere quelle più pesanti e capire a quale plugin sono associate filtrando per wp-content/plugins.

dev tools rete

Analisi e possibili soluzioni

È arrivato il momento più bello ed interessante, quello di analizzare i risultati ottenuti.

L’approccio che utilizzo solitamente è quello di partire dall’alto per poi scendere (approccio top-down), ovvero da chi ha un maggior impatto a chi è quasi irrilevante.

Per prima cosa, aggiorna i plugin.

Poi esegui l’analisi un plugin alla volta chiedendoti sempre tre domande:

  • È fondamentale?
  • Posso sostituirlo con del codice scritto a mano più semplice e snello?
  • Posso sostituirlo con un altro plugin (migliore)?

Se il plugin non è fondamentale, potresti pensare di ottimizzare rimuovendolo, creando del codice a mano o cambiandolo con un altro plugin.

Ovviamente mantieni solamente i plugin indispensabili per te!

Per una soluzione di fino, potresti pensare di disattivare i plugin nelle pagine in cui non servono, dai un’occhiata al plugin Freesoul Deactivate Plugins di Jose Mortellaro.

Sponsor

Vhosting
themeforest