Dieci trucchi per velocizzare il tuo sito WordPress

Non c’è niente di peggio di un sito web che impiega un’eternità per caricarsi. Se sei come la maggior parte degli utenti di Internet, premerai il  pulsante “indietro” prima che il contenuto del sito sia caricato (specialmente sul cellulare).

Sicuramente tu non vuoi che il tuo sito  si carichi lentamente. Vuoi qualcosa di performante e di veloce.

Oltre a semplificare l’esperienza utente, velocizzare il tuo sito WordPress potrebbe anche aumentare il tuo tasso di conversione. Google ha iniziato a utilizzare la velocità della pagina come fattore di ranking nei risultati di ricerca desktop dal 2010, con l’intenzione di utilizzarla nei risultati di ricerca mobile a partire da luglio 2018.

In questo post spiegheremo come velocizzare il tuo sito WordPress.
importanti miglioramenti delle prestazioni.
Ci sono un sacco di piccole modifiche alle prestazioni che puoi fare. Ma questi sette suggerimenti per l’ottimizzazione offrono le più grandi garanzie di successo per quanto riguarda l’accelerazione del tuo sito WordPress.

Prova il tuo sito con Pingdom Tools o Gtmetrix prima di iniziare. In questo modo puoi sapere esattamente quanto questi suggerimenti velocizzano il tuo sito WordPress.

1) Scegli un host ottimizzato per il tuo motore

Tutte le altre modifiche in questo elenco riguarderanno effettivamente la messa a punto del sito esistente, ma nonostante tutte le modifiche che puoi apportare non puoi aggirare questo dato di fatto:

Come una barca a vela il tuo sito sarà veloce come il vento che la alimenta. Puoi rendere il tuo sito più veloce con i seguenti suggerimenti, ma non puoi renderlo più veloce senza l’hosting di qualità. Il limite è quello: la velocità del vento. Non lo puoi oltrepassare.

Quindi, cosa rende l’hosting veloce?
Prima di tutto un host che offra almeno PHP 7.

PHP 7 offre enormi miglioramenti delle prestazioni rispetto alle versioni precedenti di PHP 5 che in molti host è ancora in esecuzione.

Un host WordPress di qualità dovrebbe offrire PHP 7, oltre a una serie di altri miglioramenti delle prestazioni per aiutare il tuo sito WordPress a caricarsi rapidamente, come il caching a livello di server e altro ancora.

Quindi:

PHP 7+
MySQL 5.6+ Minimo 64 MB di memoria WordPress. Idealmente 128 MB o 256 MB2) Scegli un tema leggero.
Il tuo tema svolge un ruolo importante nel caricamento veloce delle risorse del sito

Quando ho cambiato il mio sito su un tema più leggero, sono stato in grado di ridurre del 48% i tempi di caricamento della mia pagina .

I temi leggeri dovrebbero essere:

Leggeri in termini di dimensioni del file e richieste

Modulari, in modo da poter scegliere e selezionare solo le funzioni che desideriamo

Quali sono alcuni buoni temi orientati alla prestazione?
Hello Theme
GeneratePress
Genesi
Astra
OceanWP
3) Ottimizza tutte le immagini che usi sul tuo sito (puoi farlo automaticamente)
Secondo l’archivio HTTP, le immagini comprendono circa il 50% delle dimensioni del file di una pagina media. Poiché le immagini contribuiscono in modo determinante alle dimensioni del file della tua pagina, puoi ottenere alcuni miglioramenti delle prestazioni semplicemente ottimizzando le immagini.

Ci sono due fattori principali da considerare per l’ottimizzazione delle immagini che usi sul tuo sito WordPress.

Innanzitutto, ci sono le dimensioni effettive dell’immagine. Se il tuo tema mostra solo immagini con larghezza fino a 800px per lato (un valore piuttosto normale), non ha senso caricare sul tuo sito immagini di 3.000 pixel  (escluse le immagini di copertina o i siti di fotografia e simili). Anche per gli schermi retina è solo uno spreco di spazio!

Quindi il primo passo è quello di ridimensionare le immagini sul tuo sito ad una larghezza massima che si adatta al tuo tema.
Il secondo fattore è la compressione: La compressione prende le tue immagini già ridimensionate e le riduce ancora di più. Esistono due tipi principali di compressione :

Lossy: grandi riduzioni delle dimensioni dei file, ma anche una perdita di qualità.

Lossless – riduzioni di dimensioni più piccole, ma anche senza perdita di qualità.

A seconda dell’importanza dell’immagine per i tuoi contenuti puoi scegliere tra i due metodi di compressione. La maggior parte dei siti può tranquillamente usare la compressione con perdita.

Per ridimensionare e comprimere automaticamente le immagini che carichi sul tuo sito WordPress, hai diverse opzioni con plug-in di qualità:

ShortPixel: ti fattura in base al numero di immagini che ottimizzi. Nessuna restrizione sulla taglia. Gratuito per un massimo di 100 immagini al mese.
Immagify: ti fattura in base al numero di MB che ottimizzi. Nessuna restrizione sul numero di immagini. Gratuito fino a 25 MB al mese.
Smush Image Compression and Optimization – 100% gratuito ma solo per compressione senza perdita di dati . La versione gratuita ha anche un limite di dimensioni del file di 1 MB.4)Sbarazzarsi dei plug-in lenti (in più: come trovare i plug-in lenti di WordPress)
Contrariamente alla credenza popolare, non esiste alcuna correlazione diretta tra il numero di plug-in sul tuo sito e la velocità del tuo sito.

Cioè, non tutti i plug-in influenzano negativamente la velocità del tuo sito. Ma l’influenzano.

Piuttosto che cercare di rimuovere arbitrariamente i plug-in, però, dovresti cercare di ridurre il numero di plug-in che rallentano effettivamente il tuo sito .

Domanda: come trovi i plug-in WordPress che stanno rallentando il tuo sito?
Ecco due modi abbastanza facili per iniziare:

Innanzitutto puoi utilizzare il plug-in gratuito P3 (Plugin Performance Profiler) se usi ancora PHP 5 (cosa che non dovresti più fare, ma se non hai ancora cambiato il tuo hosting, questo plug-in è il modo più semplice iniziare ).

Anche se non è stato aggiornato da un po’ il plug-in funziona bene sulla maggior parte dei server con PHP 5.

Se sul tuo server è in esecuzione PHP 7, il modo più user-friendly per trovare plug-in lenti è tramite la scheda Cascata in uno strumento come GTmetrix o Pingdom.

Basta testare il tuo sito con lo strumento e guardare le varie richieste per trovare eventuali colli di bottiglia. Puoi passare con il mouse su una query e guardare l’URL per avere un’idea migliore di quale plug-in è l’origine di ogni richiesta.

Infine, un’altra buona opzione, sebbene non sia molto accessibile agli utenti occasionali, è il plug-in gratuito di Query Monitor .

Cosa puoi fare con i plug-in che rallentano il tuo sito?

La risposta ovvia è rimuoverli se non sono necessari o trovare alternative più orientate alla velocità.

Esistono zlcuni plug-in  che possono aiutarti a prendere due piccioni con una fava. Ad esempio, Elementor Pro può eliminare la necessità di un buon numero di plug-in perché offre supporto integrato orientato alle prestazioni per funzionalità come:

Slider
Form
Pulsanti di condivisione social
Timer
eccetera.
5) Riduci il codice e concatena i file con il plug-in gratuito Autoptimize
Minificazione e concatenazione sono due sistemi per ridurre le dimensioni e il numero di file sul tuo sito senza modificare alcuna delle funzionalità sottostanti .

La minificazione funziona rimuovendo i caratteri non necessari (come spazi bianchi e interruzioni di riga), mentre la concatenazione funziona combinando più file in uno solo.

Il plug-in gratuito di Autoptimize può fare entrambe le cose. Tutto quello che devi fare è configurarlo.

Se riscontri problemi con il tuo sito, una buona soluzione per la risoluzione dei problemi è provare a disattivare l’ottimizzazione JavaScript e vedere se questo risolve il problema.

6) Utilizzare la memorizzazione nella cache della pagina per generare versioni HTML statiche dei contenuti

Il caching delle pagine è il Santo Graal dell’accelerazione di WordPress.

E per una buona ragione.

Anche se non dovrebbe essere usato come una soluzione tampone per problemi di prestazioni sottostanti, questo piccolo accorgimento può offrire alcuni importanti miglioramenti delle prestazioni.

Il caching delle pagine funziona creando una versione HTML statica della pagina per servire ai visitatori la pagina, piuttosto che forzare il server a generare la pagina dal database e dai file PHP per ogni singola visita diminuendo il numero delle richieste al server.

Oggigiorno molti host che gestiscono WordPress implementano il caching delle pagine a livello di server, quindi questo potrebbe non essere qualcosa che devi fare da solo, ma potresti averlo se stai già utilizzando un hosting gestito di WordPress.

Ma se il tuo host non implementa il caching delle pagine, puoi farlo tramite un plug-in senza troppi problemi.

Ci sono tanti ottimi plug-in per la cache, alcune buone opzioni per iniziare sono:

Cache Enabler
WP Super Cache
Swift Performance Lite
WP Rocket
Cloudflare.
Cache Enabler
7) Implementare una rete di distribuzione dei contenuti (come Cloudflare)
Una rete di distribuzione di contenuti, o CDN in breve, aiuta ad accelerare il tuo sito per i visitatori di tutto il mondo.

Ecco come:

Senza un CDN, ogni singolo visitatore, a Parigi, in Francia, in Texas, in Giappone ha bisogno di scaricare il tuo sito dalla stessa posizione (il tuo server).

Un CDN cambia questo memorizzando copie dei file del tuo sito in molti luoghi diversi in tutto il mondo. In questo modo i browser dei visitatori possono scaricare il tuo sito dalla posizione più vicina a loro, il che si traduce in una minore latenza e tempi di caricamento delle pagine migliorati.

È anche economico (gratis!).

Puoi effettivamente approfittare di un CDN gratuito tramite Cloudflare . Mentre Cloudflare ha dei piani a pagamento, il piano gratuito è assolutamente valido per la maggior parte dei siti web.

Per impostare il tuo sito WordPress con Cloudflare, devi solo:

Iscriviti a Cloudflare

Cambia  i nomi dei server del tuo dominio con i nomi dei server forniti da Cloudflare

È abbastanza semplice, ne spiegherò il funzionamento in seguito (se se interessato iscriviti alla newsletter)

Altre piccole modifiche da prendere in considerazione:

Queste modifiche potrebbero non essere efficaci quanto i suggerimenti precedenti, ma possono comunque aiutarti a ottenere ulteriori miglioramenti delle prestazioni sul tuo sito.

Se non vuoi riscoprire l’acqua calda, alcuni plug-in per le prestazioni possono anche implementarne molti in una volta. In particolare:

WP Rocket (premium)
Swift Performance (freemium)
8) Attivare la compressione GZIP per una riduzione di circa il 70% delle dimensioni dei file
La compressione GZIP è un modo per comprimere i file inviati dal tuo server al browser di un visitatore. Questo può ridurre le dimensioni delle tue pagine del 70% circa.

È anche facile da implementare. Supponendo che il tuo server stia utilizzando Apache (che è il caso della maggior parte degli host), devi solo aggiungere questo frammento di codice al file .htaccess del tuo sito:

# Compress HTML, CSS, JavaScript, Text, XML and fonts
AddOutputFilterByType DEFLATE application/javascript
AddOutputFilterByType DEFLATE application/rss+xml
AddOutputFilterByType DEFLATE application/vnd.ms-fontobject
AddOutputFilterByType DEFLATE application/x-font
AddOutputFilterByType DEFLATE application/x-font-opentype
AddOutputFilterByType DEFLATE application/x-font-otf
AddOutputFilterByType DEFLATE application/x-font-truetype
AddOutputFilterByType DEFLATE application/x-font-ttf
AddOutputFilterByType DEFLATE application/x-javascript
AddOutputFilterByType DEFLATE application/xhtml+xml
AddOutputFilterByType DEFLATE application/xml
AddOutputFilterByType DEFLATE font/opentype
AddOutputFilterByType DEFLATE font/otf
AddOutputFilterByType DEFLATE font/ttf
AddOutputFilterByType DEFLATE image/svg+xml
AddOutputFilterByType DEFLATE image/x-icon
AddOutputFilterByType DEFLATE text/css
AddOutputFilterByType DEFLATE text/html
AddOutputFilterByType DEFLATE text/javascript
AddOutputFilterByType DEFLATE text/plain
AddOutputFilterByType DEFLATE text/xml
# Remove browser bugs (only needed for really old browsers)
BrowserMatch ^Mozilla/4 gzip-only-text/html
BrowserMatch ^Mozilla/4.0[678] no-gzip
BrowserMatch bMSIE !no-gzip !gzip-only-text/html
Header append Vary User-Agent
Una volta attivata la compressione GZIP, puoi verificare che funzioni correttamente con lo strumento di compressione Check GZIP gratuito .
9) Ridurre le richieste HTTP per sbarazzarsi dei colli di bottiglia

Ogni volta che qualcuno arriva sul tuo sito, il loro browser web “richiede” (abbreviazione di richiesta HTTP ) un elenco di file necessari per “costruire” la pagina nel browser del visitatore. Queste richieste includono HTML, CSS, immagini, ecc. Includono anche file e script esterni, come il tuo codice di monitoraggio di Google Analytics.

Abbiamo spiegato come trovare tutte queste richieste scrivendo di come scoprire i plug-in lenti.

Più richieste ci sono più i tempi di visualizzazione si allungano

Questo è il motivo per cui strumenti come Pingdom e GTmetrix mettono il numero di richieste sul tuo sito in primo piano e al centro:

Mentre alcune dei punti, come l’utilizzo di Autoptimize per la concatenazione ti aiutano a ridurre il numero di richieste sul tuo sito WordPress, puoi anche fare degli aggiustamenti manuali.

L’elenco sarebbe lungo, ma due o tre cose semplici sono queste:

Non usare Google Fonts
Disabilitare Font Awesome
Spegnere i Gravatars
10)Impostare la memorizzazione nella cache del browser
Il caching del browser è un altro tipo di memorizzazione nella cache che può accelerare i tempi di caricamento del tuo sito. A differenza del metodo di caching della pagina sopra menzionato, il caching del browser indica ai browser dei visitatori di memorizzare determinati tipi di file sul computer locale di ciascun visitatore .

Quindi, la volta successiva che un visitatore carica una pagina sul tuo sito, il browser può caricare le versioni memorizzate nella cache locale di determinati file invece di caricare tutto dal tuo server. Ciò significa tempi di caricamento più rapidi.

Per abilitare la cache del browser manualmente, devi solo aggiungere un altro snippet di codice al file .htaccess del tuo sito:

<filesMatch “. (ico | pdf | flv | jpg | jpeg | png | gif | js | css | swf) $”>

Intestazione set Cache-Control “max-age = 84600, pubblico”

11) (ma non erano dieci?) Ottimizza il database del tuo sito per sbarazzarti di Clutter

Il database del tuo sito è dove sono memorizzati tutti i tuoi contenuti e le tue impostazioni. Nel corso del tempo, raccoglierà un sacco di spazzatura sotto forma di:

Pubblicare le revisioni
Post / commenti troncati
Eccetera.
Mentre è improbabile che si veda un enorme miglioramento nei tempi di caricamento della pagina front-end dalla pulizia del database, l’ottimizzazione del database garantisce che il database funzioni in modo più efficiente.

WP-Optimize può aiutarti a ripulire questa spazzatura dal tuo database. E quindi il plug-in di cui parlerò nella prossima sezione può aiutare a evitare che si accumuli in primo luogo.

12)Usa il plug-in WP-Disable per sbarazzarti di un sacco di piccole cose

WP-Disable è un plug-in pulito che può aiutarti a realizzare una serie di modifiche ancora più piccole delle prestazioni da un’interfaccia user-friendly.

Mentre puoi giocare con le sue impostazioni, ecco cosa di solito mi piace fare:

Disabilitare gli emoji. Questo è un file .js che WordPress aggiunge. A meno che tu non ami assolutamente gli emoji, puoi tranquillamente liberartene.
Rimuovi stringhe di query. Questo è qualcosa per cui molti strumenti di testing ti daranno.
Cambia la frequenza dell’API Heartbeat a 60 secondi. Questo riduce il carico sul tuo server mentre ti offre ancora i benefici dell’API Heartbeat .
Modificare le revisioni su 1. Mentre alcune persone amano disabilitare completamente le revisioni , trovo utile memorizzare ancora almeno una revisione. Riduce ancora il carico, mentre ti dà anche almeno una revisione nel caso qualcosa vada storto con la tua bozza corrente.
Disabilita gli incorporamenti di Google Maps. Se hai assolutamente bisogno di Google Maps, puoi lasciarlo attivo. Ma la maggior parte dei siti può ottenere senza incorporamenti di Google Maps. Il plug-in ti consentirà di escludere determinate pagine se hai solo bisogno di utilizzare Google Maps su una pagina specifica.13) Disabilitare Hotlinking per fermare le
L’hotlinking è quando altre persone usano immagini ospitate sul tuo server sul loro sito. Poiché il tuo server deve caricare immagini per il sito di qualcun altro, l’hotlinking può compromettere le risorse del tuo server e consumare la larghezza di banda.

Non permettere alle persone di approfittare di te. È facile bloccare l’hotlinking, basta aggiungere questo breve snippet di codice al file .htaccess del tuo sito:

RewriteEngine on
RewriteCond% {HTTP_REFERER}! ^ $
RewriteCond% {HTTP_REFERER}! ^ Http: // (www .) Example.com/.*$ [NC]
RewriteRule . (Gif | jpg | jpeg | bmp | zip | rar | mp3 | flv | swf | xml | php | png | css | pdf) $ – [F]
Assicurati di sostituire example.com con il tuo nome a dominio.

Seguendo i suggerimenti di questa guida dovresti essere in grado di migliorare le prestazioni del tuo sito.

Prova!

Lascia un commento