10 modi efficaci e facili per velocizzare il sito WordPress

10 modi efficaci e facili per velocizzare un sito WordPress

Nell'era moderna, un gran numero di aziende ha fatto ricorso alla potenza del venerabile WordPress, quindi non sorprende che la velocità di caricamento dei siti WordPress sia un fattore critico per il successo aziendale. Senza prevaricare, i siti WordPress lenti che strisciano come melassa sono dannosi per la tua attività. Ecco perché è eccezionalmente importante garantire un sito web fulmineo che sia doppiamente SEO e user-friendly, ottenendo un eccezionale coinvolgimento degli utenti insieme a preziose visualizzazioni di pagina.

In questo ampio articolo di ricerca, il nostro coscienzioso team tecnico ha intrapreso vari test interni per determinare i fattori che possono velocizzare un sito Web WordPress e, in definitiva, consentirgli di diventare il più SEO friendly possibile.

I passi meticolosi che abbiamo intrapreso per velocizzare il nostro sito WordPress di prova sono stati i seguenti:

1. Installare WordPress Cache Plugin e sfruttare la cache del browser
2. Minimizzare CSS e JavaScript
3. Ottimizzazione delle immagini
4. Abilitazione della compressione gzip e
5. Utilizzo di una rete di distribuzione dei contenuti (CDN)

Dopo aver eseguito questi passaggi, il sito ha già iniziato a mostrare alcuni miglioramenti di velocità, ma non era ancora all'altezza del livello richiesto. Nelle fasi successive, abbiamo inserito diversi passaggi aggiuntivi per garantire che il nostro esperimento fosse più completo e, soprattutto, orientato a risultati concreti. Naturalmente, per seguire le istruzioni ti consigliamo di avere una conoscenza di WordPress intermedio/principiante e capacità di risoluzione dei problemi, in modo da poter seguire felicemente ciascuna delle istruzioni suggerite.

Per tutta la durata dei nostri vari esperimenti, abbiamo utilizzato lo strumento Google Page Speed ​​Insight per misurare la velocità effettiva della pagina su un punteggio di 100. Più elevato è il punteggio, più veloce sarà il sito web. Questo strumento ha anche indicato diversi fattori negativi che erano responsabili del rallentamento del sito WordPress e ha offerto suggerimenti per agire per aumentare la velocità del sito WordPress.

Per non essere accusati di test di laboratorio che falliscono nel mondo reale, abbiamo rivolto questi strumenti e la nostra esperienza a uno dei blog dei nostri clienti. Con risposte lente, nessun utente avrebbe avuto una buona prima impressione, quindi il loro obiettivo era urgentemente e accelerare notevolmente il loro sito WordPress. Dopo aver eseguito tutti i seguenti passaggi ordinatamente elencati, abbiamo risolto con successo la totalità dei problemi di velocità di WordPress del cliente e ottenuto un punteggio esemplare di 100/100 con lo strumento Google PageSpeed.

Ecco i 10 modi migliori per velocizzare il tuo sito WordPress

1. Scegli il miglior provider di hosting web
2. Installa WordPress Cache Plugin e sfrutta la cache del browser
3. Riduci CSS e JavaScript
4. Ottimizza le immagini
5. Abilita compressione Gzip
6. Svuota il cestino e ottimizza il database di WordPress
7. Usa la rete di distribuzione dei contenuti
8. Riduci le revisioni dei post e disabilita i trackback e i pingback
9. Dividi commenti e post lunghi in pagine
10. Non caricare video direttamente su WordPress

1. Scegli il miglior provider di hosting web

Questo dovrebbe essere ovvio, ma siamo onesti, non è sempre semplice. Vale la pena fare una ricerca approfondita prima di mettere da parte i soldi, ed è simile alle fondamenta della tua casa: l'ultima area in cui vuoi essere avaro. Prima ancora di iniziare a ottimizzare il tuo sito WordPress, assicurati che il tuo provider di hosting web non stia rallentando il tuo sito web fino a una scansione di sua spontanea volontà. I provider di hosting Web, sfortunatamente, vendono spesso in eccesso i loro server e questo avrà un impatto deleterio sui tempi di risposta di fondamentale importanza del tuo server.

Se il tempo di risposta del tuo server è maggiore di 200 millisecondi (ms), il test di Google PageSpeed ​​segnalerà con una bandiera rossa agitata il tuo "tempo di risposta del server ridotto". Questo probabilmente indica che il tuo server di hosting web è lento e che dovrai contattare direttamente il tuo provider di hosting per migliorare i tempi di risposta del server. Le differenze tra i fornitori possono essere nette. Qui, ad esempio, abbiamo condotto un test PageSpeed ​​per il blog WordPress dei nostri clienti prima di migrarli nel nostro ambiente di hosting. I risultati parlano da soli e puoi guardare i drammatici risultati dei test di seguito.

I risultati del test sono indicati accanto alla suddetta bandiera rossa che ci indica utilmente di "ridurre il tempo di risposta del server" genericamente. Grazie Google! Questo terribile ritardo è stato misurato intorno a un inaccettabile 4,2 secondi di lentezza. Pertanto, a causa dello scarso tempo di risposta del server, il punteggio PageSpeed ​​per il sito Web è stato ridotto a un misero 68. Potremmo fare molto meglio, poiché si dice che i siti WordPress con tempi di caricamento della pagina inferiori a 2 secondi siano buoni. Idealmente, tuttavia, dovresti sforzarti di farlo il più velocemente possibile. Google suggerisce persino, secondo la loro intuizione di PageSpeed, che idealmente la risposta del server dovrebbe essere eccezionalmente rapida e mantenuta al di sotto dei 200 ms.

Qual è il punteggio PageSpeed ​​del tuo sito WordPress? Clicca qui per scoprirlo.

Dopo questo test principale, abbiamo naturalmente migrato il sito WordPress del nostro cliente alla nostra piattaforma di hosting WordPress estremamente ottimizzata ed eseguito un secondo test PageSpeed. Con una felice scatola verde, i risultati si distinguono da soli:

Risolto il feedback sul tempo di risposta del server di Google Page Speed ​​Insight

Dopo la nostra migrazione, il tempo di risposta del server è stato ridotto a un eccezionale 200 ms e l'angosciante errore "Ridurre il tempo di risposta del server" è stato risolutamente risolto, sperando di non fare mai un ritorno insidioso.

Certo, non possiamo sempre puntare il dito contro il provider di hosting, in quanto certamente non sempre sono la fonte del problema. A volte puoi trovare tempi di risposta scarsi, anche dal provider di hosting web più esemplare e raffinato. Molto probabilmente, il tuo sito Web ha superato il suo hardware precedente e richiede silenziosamente che tu lo fornisca con una tecnologia superiore. In tal caso, il tuo attuale piano di hosting non è più in grado di gestire in modo ottimale il tuo sito web.

In tal caso, dovrai semplicemente aggiornare il tuo pacchetto di hosting WordPress al piano successivo che è più in alto nella scala, o anche a un'opzione di hosting completamente nuova e significativamente più potente come con un VPS . Ovviamente, se non riesci a vedere effettivamente alcun miglioramento nel tempo di risposta del tuo server dopo un cambio di piano, è sicuramente il momento di iniziare a cercare provider di hosting superiori e, successivamente, cambiare.

2. Installa WordPress Cache Plugin e sfrutta la cache del browser

Dopo aver ridotto al minimo il tempo di risposta del server, dedicheremo le nostre energie al prossimo errore che risolveremo, che è correlato alla sempre importante "caching" dei contenuti. Google stesso consiglia vivamente di memorizzare nella cache il contenuto statico del tuo sito Web WordPress e di conseguenza di sfruttare la potente funzione di memorizzazione nella cache del tuo browser. La memorizzazione nella cache del contenuto statico fornirà comodamente un aumento di velocità per il tuo sito WordPress da 3 a 7 volte .

WordPress ha una moltitudine di plugin di memorizzazione nella cache che non solo memorizzano nella cache i tuoi contenuti, ma offrono anche un'integrazione CDN perennemente utile, compressione Gzip, minimizzazione CSS/JavaScript e una miriade di altre funzionalità. Abilitare la memorizzazione nella cache del browser non è difficile, è semplicemente necessario installare e configurare il plug-in di cache scelto dalla dashboard di WordPress, proprio come con qualsiasi altro plug-in di WordPress.

Installa il plug-in di memorizzazione nella cache e abilita la memorizzazione nella cache del browser

Dopo i nostri test approfonditi su alcuni plug-in di memorizzazione nella cache di WordPress, c'erano tre plug-in che si sono distinti dal resto del proverbiale pacchetto. Questi erano:

• #1 – W3 cache totale
• #2 – WP Super Cache
• #3 – La cache più veloce del WP

Ora, se non vuoi davvero installare un plugin per WordPress per qualsiasi motivo, è possibile abilitare manualmente la memorizzazione nella cache del browser aggiungendo un codice di intestazione Expires al tuo file .htaccess.

Come ti presentiamo di seguito, il punteggio di Google PageSpeed ​​prima di installare qualsiasi plug-in di memorizzazione nella cache di WordPress era un misero 64/100. Se sei stato al passo con noi, c'è un modo eccellente per risolverlo in base all'errore generato da Google per questo punteggio mediocre: 'Utilizza la memorizzazione nella cache del browser'!

Punteggio Google Page Speed ​​Insight prima di abilitare il plug-in di memorizzazione nella cache]

Ora, chiaramente, ciò non è abbastanza buono, quindi abbiamo deciso di installare il plug-in W3 Total Cache per le nostre esigenze di memorizzazione nella cache dei contenuti. Dopo l'installazione, abbiamo testato nuovamente con entusiasmo la velocità della pagina e i risultati sono stati esemplari.

Dopo aver installato il plug-in di memorizzazione nella cache di W3 Total Cache
Punteggio di velocità della pagina di Google : 83/100 (migliorato)
Motivo di questo miglioramento : l'errore di memorizzazione nella cache del browser è stato corretto al 95%.

Per velocizzare WordPress, il plug-in W3 Total Cache imposta in modo utile e intelligente i tempi di scadenza di tutti gli script interni su durate ragionevoli. Ad esempio, i tuoi script CSS verranno memorizzati nella cache per 7 giorni, le immagini verranno memorizzate nella cache per 30 giorni e così via. Dopo aver impostato questa utile memorizzazione nella cache interna, l'avviso "sfrutta la memorizzazione nella cache del browser" è stato corretto al 95%.

Punteggio Google Page Speed ​​Insight dopo aver abilitato il plug-in di memorizzazione nella cache

Il 95% degli errori in Sfrutta la memorizzazione nella cache del browser è stato quindi corretto. Per coloro che tengono traccia, ciò lascia il 5% degli errori esistenti. Sfortunatamente, questi erano dovuti a script di terze parti come Facebook e Twitter, per i quali questo strumento non è in grado di impostare la memorizzazione nella cache. C'è poco da fare al riguardo, poiché non controlli la memorizzazione nella cache di tali dati di terze parti. Non preoccuparti, tuttavia, gli effetti sono probabilmente piccoli e quindi non dovresti preoccuparti indebitamente di eliminare completamente l'errore "sfrutta la memorizzazione nella cache del browser".

3. Minimizza CSS e JavaScript

Minimizzazione è una parola carina, ma semplicemente non è altro che l'eliminazione di caratteri inutili e dispendiosi in un documento di testo, come gli spazi bianchi, le nuove righe, i commenti e i delimitatori di blocchi nei file HTML, JavaScript e CSS.

Per essere chiari, questi caratteri migliorano notevolmente tali file per la leggibilità umana, ma non sono completamente necessari per l'elaborazione da parte di computer e browser Web. La rimozione di caratteri non necessari e codice ridondante può velocizzare notevolmente WordPress riducendo le dimensioni della pagina di un numero considerevole di kilobyte.

Qui presentiamo i risultati sulla velocità della pagina di WordPress mostrandoci alcuni feedback sulla riduzione al minimo dei nostri file CSS e JS.

Avviso di minimizzazione di Google Page Speed ​​Insights

Secondo i risultati, è possibile aumentare ulteriormente la nostra velocità sia riducendo il numero di chiamate a CSS e JS sia riducendo al minimo le dimensioni della pagina.

I migliori plugin di WordPress per minimizzare CSS e JavaScript

Per fortuna, per WordPress, esiste una moltitudine di plugin che ridurranno rapidamente i tuoi file CSS e JavaScript. Di seguito sono elencati i primi cinque popolari plugin di WordPress che gestiranno efficacemente tutte le tue esigenze di minimizzazione.

• #1 – WP Minimizza
• #2 – Ottimizza automaticamente
• #3 – WP Super Minify
• #4 – WP Minify Fix
• #5 – Migliore WordPress Minimizza

Plugin WP-Minify Minimizza CSS, HTML e JS

Tieni presente che, sebbene alcuni plugin di memorizzazione nella cache come W3 Total Cache e WP Fastest Cache offrano la minimizzazione come funzionalità aggiuntiva, abbiamo scelto di utilizzare il plugin WP Minify per eseguire la nostra minimizzazione. Assicurati di attivare solo un (1) plug-in/opzione plug-in di minimizzazione attivo alla volta. Altrimenti è molto probabile che tu possa riscontrare vari conflitti di plug-in saltuari, ad esempio tra la cache totale W3 e WP Minify.

Prima di installare qualsiasi plugin di minimizzazione
Punteggio di velocità della pagina di Google: 83/100
Motivo di questo scarso punteggio: Minimizza CSS, JS e HTML

Feedback di Google Page Speed ​​Insights per JS e CSS Minify

Dopo aver installato WP Minify, abbiamo eseguito il test di velocità della pagina e i risultati sono i seguenti.

Dopo aver installato il plugin WP Minify
Punteggio di velocità della pagina di Google: 84/100 (migliorato)
Motivo di questo miglioramento: l'avviso Minimizza CSS e JavaScript è stato corretto.

FeedBack di Google Page Speed ​​Insight risolto dal plug-in WP-Minify

Forse non è una differenza colossale, ma ogni bit conta. Soprattutto per i dispositivi mobili. Occasionalmente, anche dopo l'installazione del plug-in di minimizzazione, questi avvisi possono persistere parzialmente irrisolti.

In tal caso, lo stesso strumento PageSpeed ​​è in grado di fornirti file CSS e JS già minimizzati. Puoi scaricare direttamente queste risorse JavaScript e CSS ottimizzate e sostituirle sul tuo sito Web WordPress (vedi il quadrato blu evidenziato in basso nell'esempio sopra).

4. Ottimizza le immagini

Un sito WordPress con squisite immagini ad alta risoluzione sembra sbalorditivo e catturerà senza dubbio la preziosa attenzione di più lettori rispetto a una tradizionale pagina WordPress basata su testo. Ma c'è uno sfortunato problema: quando carichi più immagini o ne aumenti eccessivamente la risoluzione e la qualità, le dimensioni del tuo WordPress si gonfiano, il che a sua volta causerà una velocità poco brillante del sito web.

Per evitare e minimizzare diligentemente questi problemi, è imperativo ottimizzare le immagini prima di procedere alla loro pubblicazione.

Strumenti online gratuiti per ottimizzare le immagini

Esistono vari potenti strumenti online, come Optimizilla o Image Optimizer, per ottimizzare le tue immagini senza comprometterne la qualità. Questi strumenti sono semplici: carichi le tue immagini, selezioni le opzioni pertinenti/desiderate e successivamente scarichi le immagini ottimizzate.

Amiamo particolarmente Optimizilla, poiché puoi ottimizzare in batch 20 immagini alla volta e selezionare inoltre il rapporto di compressione e la qualità dell'immagine a tua scelta.

I migliori plugin di WordPress per ottimizzare le immagini

WordPress ha una miriade di plugin che ottimizzeranno automaticamente le tue immagini mentre le carichi. Ecco un assaggio, con diversi elencati di seguito:

• WP Smush – #1 – Ampiamente usato con oltre 600.000 download
• #2 – Immagina l'ottimizzatore di immagini
• #3 – Optimus – Ottimizzatore di immagini per WordPress
• #4 – Ottimizzatore di immagini ShortPixel
• #5 – Ottimizzatore di immagini EWWW
• #6 – Ottimizzatore di immagini CW

Abbiamo scelto l'opzione più popolare e, quindi, da questo elenco, abbiamo optato per il plug-in WP Smush, l'abbiamo installato su WordPress e abbiamo proceduto a condurre il nostro test delle prestazioni. Tornando agli utili strumenti di Google, i seguenti risultati dei test sono stati ottenuti prima e dopo l'ottimizzazione dell'immagine.

Prima di installare qualsiasi plug-in di ottimizzazione dell'immagine
Punteggio di velocità della pagina di Google: 84/100
Motivo di questo scarso punteggio: le immagini non sono ottimizzate.

Punteggio Google Page Speed ​​Insight prima di ottimizzare le immagini

Abbiamo utilizzato il plug-in WP Smush Image Optimizer per ottimizzare automaticamente le immagini del blog.

Il plug-in WP-Smush ottimizza le immagini

I risultati del test dopo l'attivazione del plug-in WP Smush. Si noti che le avvertenze relative all'ottimizzazione delle immagini sono scomparse.

Dopo aver installato il plugin WP Smush
Punteggio di velocità della pagina di Google: 92/100 (migliorato)
Motivo di questo miglioramento: il plugin WP Smush ha ottimizzato tutte le immagini.

Punteggio Google Page Speed ​​Insight dopo aver ottimizzato le immagini

Assicurati di notare che sei autorizzato a "smussare" 50 immagini alla volta con la versione gratuita di WP Smush Image Optimizer. Il resto delle immagini può essere cancellato dalla libreria multimediale di WordPress come mostrato nella schermata seguente.

Smussh immagini dalla libreria multimediale di WordPress

Se continui a ricevere un avviso di ottimizzazione dell'immagine infelice, non stressarti eccessivamente. Lo strumento Google PageSpeed ​​fornisce anche una versione ottimizzata di quelle immagini. Puoi scaricarli come mostrato nel 3° passaggio. Di conseguenza, puoi aggiornare queste immagini dalla libreria multimediale della tua DashBoard o in alternativa aggiornarle dal File Manager del tuo account di Webhosting. Inoltre, assicurati che la cache del tuo server web sia cancellata se ti capita di utilizzare uno strumento di memorizzazione nella cache di terze parti come Xvarnish. Se non lo fai, è possibile che Google continui a mostrare immagini antiquate anche dopo le tue minuziose ottimizzazioni.

5. Abilita la compressione Gzip

Quando i visitatori navigano sul tuo sito WordPress, i loro browser scaricano le pagine Web e procedono al rendering del contenuto. Questo è spesso non compresso e se le tue pagine WordPress sono di dimensioni gigantesche a causa degli elementi necessari e ricchi che includono, aumenterà necessariamente e sfortunatamente il tempo di caricamento della pagina.

C'è un modo pratico per aggirare questo problema: abilitando la compressione Gzip intelligente, puoi ridurre la dimensione delle risposte trasferite dal server ai browser dei client. Ciò ridurrà notevolmente i secondi necessari per scaricare le risorse, ridurre al minimo l'utilizzo dei dati e migliorare la velocità di rendering del tuo bellissimo sito WordPress all'interno del browser del tuo cliente.

Usando la compressione Gzip, la dimensione totale della tua pagina può essere ridotta da un sorprendente 50% al 70% per il tuo cliente, il che, non sorprende, servirà ad aumentare la velocità del tuo blog WordPress. Ovviamente, quando Gzip non è abilitato, lo strumento PageSpeed ​​Insight di Google lo noterà e ti avverte di abilitare la compressione.

1. Abilitazione della compressione Gzip utilizzando W3 Total Cache Plugin

Esiste un plugin per WordPress per la maggior parte delle attività e la compressione Gzip non fa eccezione. Un plug-in di memorizzazione nella cache particolarmente popolare è il plug-in W3 Total Cache precedentemente menzionato, che ti consente di eseguire il Gzip del tuo sito Web WordPress. Per abilitare la compressione Gzip, accedi alla dashboard di WordPress, vai su Prestazioni → Cache del browser e metti un segno di spunta nella casella intitolata "Abilita compressione HTTP (Gzip)".

Abilita la compressione GZIP HTTP utilizzando il plug-in W3 Total Cache

2. Abilitazione della compressione Gzip tramite .htaccess

Inoltre, puoi anche abilitare la compressione Gzip aggiungendo il codice di compressione Gzip al tuo file .htaccess.

3. Abilitazione della compressione Gzip tramite il plugin di compressione

Per un plug-in dedicato, installa uno dei seguenti plug-in WordPress per abilitare la compressione Gzip.

• Compressione GZip Ninja Speed ​​– #1
• Aumentatore di velocità avanzato – #2
• Controlla e abilita la compressione GZIP – #3

Questi plugin aggiungono regole di compressione Gzip nel tuo file .htaccess usando automaticamente il modulo mod_deflate, in modo che non sia necessario arrancare in questi file per modificarli.

Per un modo eccellente per determinare se la compressione Gzip è abilitata o meno sul tuo sito Web, puoi provare il tuo sito Web qui. Questo strumento perennemente utile può mostrarti concretamente quanti byte preziosi (e quindi velocità di rendering e larghezza di banda) sono stati salvati abilitando la compressione Gzip. Dai un'occhiata all'esempio illustrato di seguito per un'illustrazione notevole di quanti byte abbiamo salvato ed economizzato sul nostro sito Web di prova.

Sito Web di test di compressione URL

L'abilitazione della compressione Gzip con uno dei metodi precedenti dovrebbe correggere la raccomandazione di Google PageSpeed ​​Insights su "Abilita compressione".

Prima di installare qualsiasi plugin di compressione
Punteggio di velocità della pagina di Google: 92/100
Motivo di questo avviso: la compressione non è abilitata.

Per questo esempio, abbiamo abilitato la compressione Gzip tramite il plug-in W3 Total Cache e puoi quindi notare che l'avviso Abilita compressione ora è stato rimosso, con il risultato di seguito.

Dopo aver installato il plugin W3 Total Cache per la compressione
Punteggio di velocità della pagina di Google: 92/100
Motivo di questo miglioramento: l'avviso di abilitazione compressione è stato risolto.

Punteggio Google Page Speed ​​Insight dopo aver abilitato la compressione GZIP

Avvertenza sul contenuto sopra la piega

Nonostante abbia ottenuto un punteggio di prestazioni piuttosto rispettabile di 92/100, la pagina di Google PageSpeed ​​Insights mostrava ancora un avviso che dovevamo correggere JavaScript e CSS che bloccavano la visualizzazione in above-the-fold. Naturalmente, tutto conta, e non siamo nel business di fermarci qui, quindi siamo andati avanti e abbiamo deciso di sistemare anche quello. Procediamo e vediamo come siamo riusciti a correggere questo avviso per il nostro blog WordPress di prova.

Eliminazione di JavaScript che blocca il rendering in above the fold

Per questo, abbiamo utilizzato il plugin JavaScript Async per WordPress, quindi abbiamo provveduto a modificare le impostazioni, come mostrato nello screenshot successivo. Questo plugin aggiunge l'attributo 'async' o 'defer' a qualsiasi JavaScript caricato dalla funzione wp_enqueue_script di WordPress.

Elimina JavaScript e CSS che bloccano il rendering nell'avviso di contenuto above the fold risolto

Ora non devi nemmeno ricorrere a un plug-in. Se desideri evitare di caricare un altro plugin, puoi semplicemente aggiungere il seguente codice al tuo file functions.php.

/*Add async to all scripts*/
function js_async_attr($tag)
{
# Add async to all remaining scripts
return str_replace( ' src', ' async="async" src', $tag );
}
add_filter( 'script_loader_tag', 'js_async_attr', 10 );

Ora, per correggere lo stesso avviso per il nostro CSS, abbiamo utilizzato un plugin per WordPress chiamato Autoptimize. Dopo aver installato questo plugin, vai su Impostazioni → Autotomizza . Nelle impostazioni di ottimizzazione automatica, fai clic sul pulsante "mostra impostazioni avanzate" situato nell'angolo in alto a destra. Assicurati che 'minimify' non sia attivo con W3 Total Cache o WPminify in quanto potrebbe generare conflitti frustranti con Autoptimzer.

Una volta che le impostazioni avanzate sono state compilate e ottimizzate, scorri verso il basso fino alla sezione Opzioni CSS. Seleziona la casella di controllo Inline e Defer CSS, incolla il codice fold CSS (URL suggerito dallo strumento Insight della pagina google nella sezione "Elimina il blocco di rendering", Apri ogni URL sul browser e recupera il codice .css fold) e fai clic su ' Pulsante Salva modifiche e svuota cache'.

Elimina JavaScript e CSS che bloccano il rendering nell'avviso di contenuto above the fold risolto

Dopo aver eseguito meticolosamente questi passaggi, sarai in grado di prendere in considerazione lo strumento di Google senza menzionare alcun avviso relativo al blocco del rendering above the fold.

Dopo aver installato il plugin Async JavaScript e Autoptimize
Punteggio di velocità della pagina di Google: 100/100
Motivo di questo miglioramento: risolto il problema con l'eliminazione di JavaScript e CSS che bloccano il rendering nell'avviso di contenuto above-the-fold.

Tutti gli avvisi sono corretti per desktop

Tutti gli avvisi sono fissi per i dispositivi mobili

Ricorda, PageSpeed ​​Insights di Google è uno strumento di performance perennemente utile che ti assiste nell'identificazione dei molti modi in cui puoi sforzarti di ottimizzare il tuo sito web. Tuttavia, raramente vale la pena sviluppare un'ossessione di segnare un perfetto 100/100 , poiché è comune che alcuni scenari siano essenzialmente irrisolvibili.

6. Assicurati di svuotare il cestino e ottimizzare il database di WordPress

L'uso prolungato di WordPress porta con sé un database che probabilmente contiene volumi di dati di cui non hai molto uso. Ad esempio, ogni volta che salvi un nuovo post o pagina, WordPress creerà felicemente una revisione di quel post o pagina e successivamente memorizzerà all'interno del database in continua espansione.

Ad esempio, se modifichi un post 10 volte, potresti avere 9 copie separate di quel post archiviate come revisioni. Sebbene a volte utile, questo accumulo di dati aggiunge rapidamente grandi quantità di dati a cui si accede raramente alle tabelle scricchiolanti del database, gonfiandole inutilmente e rallentando l'accesso.

Con l'oculata rimozione di revisioni, bozze, commenti moderati, pagine/post spazzatura, commenti spam, commenti spazzatura, meta di post orfani e qualsiasi altro dato non necessario, puoi conservare un database elegante, pulito, ottimizzato e sicuro. Ne vale la pena, poiché con il semplice atto di impegnarti a ottimizzare il tuo database, migliorerai doppiamente la velocità del tuo sito Web e, soprattutto, la sua efficienza

Ottimizza il database di WordPress utilizzando WP-Optimize

I migliori plugin di WordPress per ottimizzare il database

Di seguito è elencato un campione di scelte dei plugin WordPress preferiti che vengono utilizzati per ottimizzare un database WordPress.

• WP-Ottimizza – #1
• WP-Sweep – #2
• Pulitore database avanzato – #3
• Ottimizza il database dopo aver eliminato le revisioni

Questi plugin eliminano tutti i cruft indesiderati dal tuo database WordPress ed eseguono query generali di ottimizzazione del database MySQL senza accedere a PHPMyAdmin.

Alcuni di questi plugin, come nel caso di WP-DB Manager, consentono di pianificare le date per l'ottimizzazione regolare e coerente del database. Assicurati sempre di eseguire un backup del database prima di consentire a qualsiasi plug-in di toccare o ottimizzare il tuo database!

7. Utilizzare la rete di distribuzione dei contenuti

Un Content Delivery Network CDN) è un cluster di server distribuiti geograficamente che fornisce rapidamente contenuto statico ai visitatori, dai server più vicini disponibili e pertinenti. In modo più comprensibile, quando un visitatore naviga nel tuo sito web, la tua CDN selezionerà il server più vicino per fornire il contenuto statico (immagini, CSS, librerie e file JavaScript) utilizzato nel tuo sito web.

Un CDN esperto promuove anche caricamenti delle pagine più rapidi, aumentando di conseguenza il posizionamento delle pagine di Google, poiché i siti Web poco performanti che si caricano lentamente sono notevolmente penalizzati dagli algoritmi di ranking dei motori di ricerca più popolari.

Per fortuna, configurare una CDN per funzionare con WordPress è semplice. In effetti, può essere completato in 5 minuti (!), utilizzando un plug-in di memorizzazione nella cache come W3 Total Cache. Se desideri integrare una CDN con il tuo sito Web WordPress, guarda il nostro tutorial amichevole e competente .

Naturalmente, per illustrare i vantaggi di una CDN per il tuo sito WordPress, abbiamo dovuto necessariamente eseguire per te un rapido test nel nostro laboratorio hi-tech.

Il tempo di risposta medio prima di abilitare qualsiasi CDN sul nostro sito Web WordPress era di 124,721 ms.

Tempo di risposta di un sito Web WordPress prima di abilitare la CDN

Dopo aver abilitato una CDN sul sito Web WordPress, il tempo di risposta è sceso a 26.346 ms.

Tempo di risposta di un sito Web WordPress dopo aver abilitato la CDN

8. Riduci le revisioni dei post e disabilita i trackback e i pingback

Ridurre le revisioni dei post

Il sistema di revisioni di WordPress è progettato per conservare un record di ogni bozza salvata o aggiornamento pubblicato. Sebbene sia abbastanza utile (ti consente di sfogliare le versioni precedenti dei tuoi articoli e ripristinarle se necessario, dopotutto), può aumentare enormemente le dimensioni e il volume di qualsiasi database di WordPress.

Ad esempio, supponiamo che il tuo articolo abbia superato 10 revisioni , quindi il sistema di revisione di WordPress memorizzerà ognuna di queste revisioni nel suo database che aumenterà la sua impronta di dati di ben 10 volte .

Per impostazione predefinita, WordPress continuerà a salvare un numero illimitato e illimitato di revisioni, ma dovresti e in effetti puoi limitarlo a un valore drasticamente più pratico (diciamo da 4 a 5). Per ottenere ciò, aggiungi semplicemente il seguente codice al tuo file wp-config.php.

define( 'WP_POST_REVISIONS', 5 );

Elenco delle revisioni postali

Se desideri disabilitare completamente il sistema di revisione dei post di WordPress, procedi semplicemente aggiungendo il seguente codice di una riga nel file wp-config.php.

define( 'WP_POST_REVISIONS', false );

Tieni presente che la revisione dei post di WordPress è estremamente utile per i blogger, quindi non desideriamo consigliarti di disabilitarla completamente. Per la tua tranquillità, assicurati di conservare sempre alcune revisioni del tuo lavoro.

Disabilitazione di trackback e pingback

Ogni volta che un altro blog o sito Web si collega al tuo sito Web, riceverai una notifica, che successivamente aggiorna il database per quel particolare post, servendo alla fine a ingombrare le risorse del tuo server.

Se non lo desideri, Trackback e Pingback possono essere disabilitati dalle Impostazioni discussione di WordPress. Una volta effettuato l'accesso alla dashboard di WordPress, vai su Impostazioni → Discussione, quindi deseleziona le prime due caselle di controllo come mostrato nell'immagine sottostante.

Disabilitazione Pingback e Trackback

9. Dividi commenti e post lunghi in pagine

Senza domanda, è davvero fortuito raccogliere un pubblico coinvolto che commenta in massa sul tuo blog. Sfortunatamente, tale attività genera un potenziale effetto negativo: il caricamento di tali commenti può rallentare notevolmente la velocità di caricamento del tuo sito web.

WordPress ha utilmente incorporato una funzione intitolata "commenti di interruzione" per risolvere questo problema. Vai semplicemente alla tua pagina Impostazioni → Amministrazione discussione e seleziona la casella di controllo intitolata "scomponi i commenti in pagine".

Rompi i commenti in pagine

Se i tuoi post dovessero consistere in lunghi tratti di prosa, combinati con un uso abbondante di belle immagini, la velocità di caricamento del tuo sito web potrebbe risentirne. Esiste una soluzione semplice ed efficace: dividere questi post fastidiosi in pagine separate.

Aggiungi semplicemente il seguente frammento di codice nel punto in cui desideri una divisione di pagina. Assicurati di aggiungere questa riga di codice in modalità testo anziché in modalità visiva.

<!--nextpage-->

Tutti i contenuti aggiunti di seguito < !–nextpage–>, appariranno nella pagina successiva del post e alla fine della pagina vedrai i collegamenti di impaginazione come mostrato di seguito.

Opzione pagina successiva

10. Non caricare video direttamente su WordPress

Il caricamento diretto di contenuti video può comportare un pesante consumo di larghezza di banda potenziale per il tuo sito web. Il tuo provider di hosting Web potrebbe addebitare costi aggiuntivi per tale utilizzo, quindi hai una buona ragione per evitare di eseguire tale azione.

In secondo luogo, i video lunghi o ad alta risoluzione possono aumentare enormemente le dimensioni del backup, portando a una situazione in cui ripristinare il tuo sito Web dai backup può essere un compito molto più arduo.

Poiché probabilmente non desideri gli scenari di cui sopra, puoi caricare direttamente il tuo video su uno dei seguenti provider di hosting video popolari e, successivamente, utilizzare un collegamento incorporato.

• Youtube
• Vimeo
• Flickr
• Movimento quotidiano

Incorporare un video di YouTube su WordPress è fortunatamente elementare. Innanzitutto, trova semplicemente il video che desideri incorporare da YouTube. Quindi, fai clic sul collegamento Condividi e copia l'URL del video pertinente.

Copia l'URL del video da YouTube

Infine, incolla l'URL del video direttamente nel tuo post e fai clic sul pulsante Aggiorna, incorporandolo automaticamente.

Incolla l'URL del video di YouTube in WodPress Post

Conclusione

Abbiamo elencato le 10 modifiche più efficaci e popolari per liberare la velocità potenziale del tuo sito Web WordPress. I nostri diligenti ricercatori che lavorano nel loro laboratorio hanno, a nostro avviso, dimostrato che un'efficace implementazione di tali modifiche può migliorare notevolmente la velocità di caricamento del tuo sito Web WordPress. Se dovessi mai incontrare un'installazione di WordPress che sembra muoversi velocemente come una lumaca che si prende un giorno di ferie, avrai questi pratici suggerimenti per migliorare e migliorare senza dubbio i punteggi di velocità della pagina.

Il seguente grazioso grafico rappresenta il punteggio di Google PageSpeed ​​dopo ogni modifica che abbiamo implementato sul blog di WordPress.

Punteggio pagina Google vs. Modifiche a WordPress

Conosci per caso modi alternativi ed efficaci per velocizzare i siti WordPress e migliorarne i tempi di caricamento? Tutto è estremamente prezioso, in particolare quando i millisecondi possono essere importanti per il cliente. Si prega di condividere qualsiasi idea di performance con noi nella seguente sezione commenti!

Should you require our aid to improve the PageSpeed score of your WordPress website, please also drop your website name in the comment section and we will endeavor to get back to you.