I migliori plugin per le prestazioni di WordPress per sviluppatori

Il tuo sito Web WordPress potrebbe avere un design accattivante per tutti i tempi, ma se non viene visualizzato correttamente in un browser, i visitatori possono finire per essere frustrati. Di conseguenza, ciò può danneggiare la tua reputazione, influenzando negativamente l'immagine del tuo marchio e quindi il tuo tasso di conversione.

Le tecniche di responsive web design risolvono una serie di problemi di prestazioni, ma oggi non ha molto senso concentrarsi sull'ottimizzazione per pochi schermi, perché ora gli schermi sono disponibili in più dimensioni.

Non è sempre necessario acquistare server più potenti e spendere più soldi inutilmente, poiché queste strategie alla fine non vanno bene. Invece, fai qualcosa per evitare problemi di prestazioni in futuro.

Perché le prestazioni del sito Web sono importanti?

La cosa più importante per un visitatore che visita un sito web sono i benefici percepiti. Per un visitatore di un sito web, niente conta di più del tempo necessario per caricare il tuo sito web.

Invece di pensare alle metriche vane come avere 100/100 su Google PageSpeed ​​Insights, è meglio pensare e capire come un visitatore sperimenta la velocità del tuo sito web. Mentre il primo è solo un numero, il secondo è una metrica importante per l'esperienza dell'utente.

Ilya Grigorik, ingegnere delle prestazioni web di Google, in High-Performance Browser Networking, delinea le metriche per la percezione della velocità negli esseri umani:

• 100 millisecondi come tempo di risposta sembrano immediati per un utente;
• 100-300 millisecondi rappresentano un ritardo piccolo, ma percettibile;
• 300 millisecondi – 1 secondo sono percepiti come 'la macchina funziona;'
• 1 secondo rappresenta un notevole ritardo per un utente. Quindi, un solo secondo di attesa è sufficiente per interrompere il flusso di pensiero e l'utente probabilmente inizia a cambiare la mentalità.

Se l'esperienza utente (UX) sul tuo sito Web WordPress è negativa, stai perdendo clienti e, in definitiva, un sacco di soldi.

Non puoi migliorare ciò che non misuri. Se la velocità di caricamento del tuo sito web non viene misurata, il suo rallentamento probabilmente non verrà rilevato e gli errori continueranno ad accumularsi.

Le ragioni di un sito web lento sono numerose e talvolta molto tecniche. Sugli aspetti tecnici più delicati, le ragioni alla base di un rallentamento del sito web potrebbero essere l'uso eccessivo di risorse esterne, l'uso intensivo di JavaScript e CSS che ne bloccano la visualizzazione, in quanto non elaborati, o immagini pesanti. In media questi rappresentano più del 60% del peso di una pagina web.

I migliori plugin per le prestazioni di WordPress

Ecco i migliori plugin per le prestazioni di WordPress che possono aiutarti a identificare i fattori che influenzano le prestazioni del tuo sito web. Continua a leggere.

1. Monitoraggio query

Con oltre 60.000 installazioni attive e una valutazione media di 4.9/5, Query Monitor è un plug-in gratuito per le prestazioni di WordPress per sviluppatori e mira a fornire supporto per la fase di debug. Questo è un plugin estremamente utile, che rileva quasi ogni tipo di errore che può verificarsi durante lo sviluppo di WordPress.

Query Monitor aggiunge un menu alla barra di amministrazione di WordPress ed evidenzia tutte le informazioni di query che passano attraverso WordPress. Nel contesto del debug, puoi trovare molte informazioni utili come i dettagli delle richieste HTTP, le query del database, Ajax, reindirizzamenti ed errori PHP.

• Query eseguite sul database: il plugin mostra ogni query eseguita nella pagina corrente, evidenziando le query lente, le query duplicate e le query con errori. Inoltre, consente di filtrare le query per tipo (SELECT, UPDATE, DELETE), per componente (diviso in core, plugin e temi), nonché per funzione.
• Hook utilizzati negli script: il plugin mostra tutti gli hook eseguiti nella pagina corrente, consentendo loro di essere filtrati allo stesso modo delle query.
• Tema attivo: il plugin fornisce informazioni sul tema attivo come il nome del file modello corrente.
• Errori PHP: ci sono informazioni molto più dettagliate di quelle fornite da WordPress assegnando il valore true alla costante WP_DEBUG nel file wp-config.php.
• Richieste HTTP: viene fornita una vera miniera di informazioni sulle richieste HTTP, in particolare per quanto riguarda le query var, le query sulle regole e i tag della struttura dei permalink.
• Script e stili: il plugin fornisce informazioni sugli script e gli stili nella pagina, con le loro dipendenze e versioni.

Inoltre, questo plugin punta a una serie di fogli di riepilogo che forniscono tutti i tipi di dati utili durante lo sviluppo di WordPress.

2. Suite completa per l'ottimizzazione dell'analisi (CAOS)

Se hai utilizzato il codice di monitoraggio di Google Analytics e testato il tuo sito Web tramite PageSpeed ​​Insights per verificare cosa pensa Google del caricamento del tuo sito Web, avresti notato che ti consiglia di abilitare la compressione e specificare la cache per il tuo codice.

Fortunatamente, c'è una soluzione e puoi guadagnare quei numeri extra nel test di Google PageSpeed ​​Insights. Puoi farlo utilizzando il plug-in Complete Analytics Optimization Suite (CAOS).

Questo plug-in per le prestazioni di WordPress, utilizzato per inserire il codice di Analytics in WordPress, memorizza localmente il codice JavaScript di Google Analytics e lo minimizza. Ciò significa che superi i requisiti di PageSpeed ​​Insights.

Inoltre (e qui arriva il tocco di genio), questo plugin utilizza il wp-cron di WordPress per controllare regolarmente se Google ha aggiornato il codice. Quindi, hai sempre l'ultima versione di Analytics. Ora non hai alcun motivo per non voler installare questo plugin. Scommetto!

3. perfmatters

Con perfmatters, puoi apportare piccoli miglioramenti alle prestazioni di WordPress riducendo le richieste HTTP e le dimensioni della pagina web. Questo plugin ti consente di abilitare/disabilitare gli script per pagina/post. Ad esempio, il popolare Contact Form 7 è adatto per il caricamento su ogni singola pagina del sito. Con Perfmatters, il caricamento viene effettuato solo sulla tua pagina dei contatti.

perfmatters si differenzia dagli altri plug-in di cache di WordPress per aumentare la velocità di WordPress perché richiede un approccio diverso per migliorare il tempo di caricamento della pagina rispetto ad altri plug-in.

Per impostazione predefinita, WordPress ha alcune opzioni abilitate che non sono necessarie per la maggior parte dei siti Web e rallentano le prestazioni. perfmatters rende possibile disabilitare queste opzioni semplicemente facendo clic su alcuni pulsanti.

Un'altra cosa che tende a rallentare il caricamento delle pagine web sono le richieste HTTP che non sono necessarie. perfmatters ti consente di disabilitare questi script per pagina, il che significa che puoi impedire ai componenti aggiuntivi di caricare il codice quando non è necessario.

Pertanto, perfmatters è uno di quei plug-in per le prestazioni di WordPress che non solo migliorano la velocità del sito Web, ma vale anche la pena installarlo anche se si dispone già di un plug-in di memorizzazione nella cache specifico. Riassumendo, le caratteristiche principali di Perfmatters sono elencate di seguito.

• Funziona con il plug-in della cache esistente
• Disabilita le opzioni predefinite di WordPress
• Disabilita gli script su ogni pagina
• Supporta il precarico DNS

4. P3 (profilo delle prestazioni del plug-in)

Con P3 puoi eseguire una scansione del sito web, che analizza il tempo di caricamento di alcune pagine in modo casuale (home, post, categorie e così via) per ottenere valori uniformi. Alla fine, ricevi un report dettagliato, corredato da grafici interessanti e leggibili, che ti dicono quanto tempo è stato effettivamente impiegato per caricare i vari plugin installati.

Si noti che P3 non influisce sulle prestazioni di un sito Web in quanto esegue la scansione solo della pagina ad esso dedicata in WordPress e non in tempo reale. Non viene caricato durante la normale navigazione attraverso le pagine di WordPress.

Puoi trovare il suo pannello di controllo in Strumenti → P3 Plugin Profiler. Puoi avviare una scansione facendo clic su "Avvia scansione" e quindi su "Scansione automatica" nella finestra che appare.

Accanto al pulsante "Avvia scansione", puoi trovare alcuni dati primari come il numero di plugin attivi, il loro tempo di caricamento, il loro impatto sul tempo di caricamento della pagina e il numero di query MySQL eseguite. Nella parte inferiore, puoi trovare una serie di schede dove sono presenti informazioni dettagliate, nella maggior parte dei casi sotto forma di grafico.

Ovviamente non si può fare affidamento su questi dati. In questo contesto, Tom Ewer ha condotto un'analisi dettagliata per ManageWP e ha inserito una richiesta di chiarimento nel forum di supporto. Ha mostrato che P3, essendo un normale plugin, può soffrire di alcune imprecisioni dovute ad altri plugin in esecuzione o al carico del server (soprattutto se condiviso).

Non si tratta di macchie grossolane, ma piuttosto di un certo margine di errore, che P3 sta cercando di calcolare. Il plugin è comunque ottimo nell'evidenziare problemi di performance legati alla presenza di estensioni.

Con i dati ottenuti da P3, puoi ridurre il numero di plugin attivi, sostituire o eliminare quelli particolarmente pesanti, ottenendo così un sito WordPress più veloce.

Nel caso in cui si desideri analizzare il caricamento di una determinata pagina o di un gruppo di pagine, è possibile ricorrere alla scansione manuale.

Dichiarazione di non responsabilità: P3 non è stato testato con le ultime tre versioni principali di WordPress, ma potrebbe essere utile per gli sviluppatori.

5. LazyLoad di WP Rocket

Lazy load, si può letteralmente tradurre in lazy loading, permette di caricare solo le immagini che sono visibili sullo schermo. In questo modo, risparmi un numero di richieste, tempo di caricamento e larghezza di banda caricando solo ciò che è necessario all'ora desiderata.

Questo plugin funziona su miniature, tutte le immagini di contenuto o widget di testo, avatar e smiley.

Ecco l'elenco dei migliori plugin di caricamento lento di WordPress

LazyLoad di WP Rocket non richiede una libreria JavaScript come jQuery e lo script pesa meno di 10 KB. Questo plugin è molto semplice. Non ci sono opzioni di configurazione estese, poiché il plugin si occupa di tutto.

Questo plugin per le prestazioni di WordPress è stato creato dal team di WP Rocket ed è integrato precisamente nel plugin WP Rocket. Nessun problema per la SEO perché il plugin inserisce un'immagine con l'attributo src tra i tag <noscript>.

6. Carico condizionale di Disqus

Disqus Conditional Load (DCL ) è un plugin freemium che offre funzionalità avanzate al Disqus Commenting System. Le prestazioni del tuo sito Web WordPress possono peggiorare man mano che più persone scrivono commenti sul tuo sito Web con Disqus. Questo plugin fornisce potenti opzioni per modificare Disqus in aree come il caricamento lento, i widget dei commenti, la disabilitazione degli script ecc.

DCL fornisce anche shortcode, supporta post personalizzati, regola la larghezza del contenitore e abilita/disabilita lo script di conteggio. Questo plugin può aiutarti a migliorare la velocità di caricamento del tuo sito Web WordPress se ritieni che le pagine Web si carichino lentamente a causa del sistema di commento di Disqus.

Avvolgendo!

Direttamente e indirettamente, le prestazioni di un sito Web hanno un impatto innegabile sull'esperienza dell'utente e sulla SEO. Dal punto di vista del marketing in entrata, influisce anche sull'impegno sociale e sui tassi di conversione. Pertanto, devi prendere sul serio le prestazioni del tuo sito web se vuoi conquistare i clienti e convertirli in denaro.