Il web pullula di consigli e trucchi su come ottimizzare le prestazioni di WordPress. Purtroppo, le spiegazioni e le valutazioni sull'importanza delle varie viti di regolazione cadono rapidamente nel dimenticatoio. Noi ti mostriamo i punti di partenza e le viti di regolazione più importanti, in un ordine sensato e contestualizzato. In questo modo, potrai raggiungere il successo in modo particolarmente rapido.
Nel frattempo, abbiamo ospitato molti progetti WordPress. Nel frattempo abbiamo accumulato molti dati. E ci viene chiesto sempre più spesso come sia possibile ridurre ulteriormente il tempo di caricamento di un sito web WordPress. Abbiamo quindi elaborato sistematicamente le nostre scoperte degli ultimi anni. Il risultato: 10 misure con cui puoi ottimizzare in modo semplice e veloce la velocità delle pagine di WordPress.
Una cosa è particolarmente importante: alcuni si lasciano subito scoraggiare dai suggerimenti di ottimizzazione di strumenti come Google PageSpeed Insights. Lascia che te lo dica io: Non otterrai il massimo tempo di caricamento con complicate misure di ottimizzazione, ma con metodi facili da implementare.
Naturalmente, l'ottimizzazione del tempo di caricamento non è fine a se stessa. Oltre a migliorare l'esperienza dell'utente, un tempo di caricamento più breve comporta anche vantaggi per la visibilità della tua offerta su Google. Per questo motivo, ti illustrerò brevemente le singole fasi di ottimizzazione per creare un contesto adeguato.
In teoria, puoi procedere dall'alto verso il basso e migliorare così il tempo di caricamento del tuo sito web passo dopo passo. Tra l'altro, i primi sette punti si riferiscono anche ai tipici suggerimenti di miglioramento di Google PageSpeed Insights, che approfondiamo in questo articolo, ad esempio.
#1 Caching: il fattore di performance più importante per tempi di caricamento rapidi
Caching significa che il tuo sito non deve essere prima richiesto dal browser nel web server e poi costruito passo dopo passo. Invece, il tuo sito - completamente renderizzato - viene caricato da una cache.
Il vantaggio di questa cache è evidente: WordPress non deve ricalcolare il tuo sito ogni volta che il sito viene visualizzato. Poiché WordPress è basato sul lentissimo PHP, la cache qui è elementare. Tra le altre cose, impedisce che il PHP debba essere estratto.
In linea di principio, esistono due varianti di implementazione per le cache:
- Informazioni sui plugin di caching: la maggior parte degli utenti utilizza un plugin di caching, come W3 Total Cache o WP Super Cache. Questi plugin sono a volte più semplici, a volte più complicati da configurare. In ogni caso, è necessaria una certa dose di lavoro manuale.
- Informazioni sull'hoster: alcuni hoster, tra cui Raidboxes , offrono il caching lato server. Ciò significa che quasi sempre puoi fare a meno dei plugin di caching. Questo perché il tuo provider di hosting ha già configurato la cache per te.
Se hai impostato una cache ad alte prestazioni, hai già compiuto il passo più importante per ottimizzare WordPress. Per maggiori dettagli, dai un'occhiata al nostro articolo sulle basi del caching.
#2 WordPress riordino - l'ordine deve essere
Secondo la nostra esperienza, una delle cause più comuni dei lunghi tempi di caricamento è un'installazione di WordPress sovraccarica. E poiché questo punto di miglioramento non è menzionato da Google PageSpeed Insights , si colloca direttamente al secondo posto della mia top 10.
Un'installazione di WordPress disordinata significa, nella maggior parte dei casi: Sono stati installati troppi plugin. In pratica, meno plugin ci sono, più veloce è il sito web. Naturalmente i plugin sono importanti e non puoi farne a meno, ma dovresti sempre verificare quali sono quelli di cui hai veramente bisogno.
E: dovreste assicurarvi di non disattivare semplicemente plugin , ma di cancellarlo completamente.
Lo stesso vale per Themes: non hai bisogno di più di uno.
Il contesto è il seguente: ogni plugin e ogni tema aggiunge codice PHP al tuo sito web. Questo vale anche per i plugin disattivati. Questo rende il tuo sito web più ingombrante e quindi più lento (e più vulnerabile agli attacchi). Questo perché il PHP è un linguaggio di scripting molto lento. Meno codice c'è, meglio è.
I plugin e i temi non più necessari sono spesso residui di test funzionali e di design. Pertanto, è una buona idea ripulire regolarmente i siti web WordPress e testare le nuove funzioni e i nuovi design in un ambiente di prova piuttosto che sul sito stesso. In questo modo, puoi evitare di accumulare troppi residui di plugin.
#3 Immagini: il freno al tempo di caricamento sottovalutato
Una delle misure più efficaci e semplici per ridurre i tempi di caricamento è quella di ridurre le dimensioni delle immagini. In questo modo puoi risparmiare grandi quantità di dati. La "compressione delle immagini senza perdita" riduce le dimensioni dei file delle immagini senza alcuna perdita visibile di qualità. Ciò significa che la tua pagina non cambia quasi per niente e allo stesso tempo puoi ridurne significativamente le dimensioni grazie all'ottimizzazione delle immagini.
Le immagini costituiscono spesso la parte più consistente del volume di dati di un sito web. Ridurre le dimensioni delle immagini dovrebbe quindi essere uno dei primi passi da compiere per l'ottimizzazione. Puoi ottimizzare le immagini manualmente o utilizzare un plugin di compressione.
L'utilizzo di un plugin è sicuramente la soluzione più conveniente. I plugin non solo ti permettono di comprimere le nuove immagini e le loro miniature, ma si occupano anche automaticamente di tutte le immagini esistenti sul tuo sito web. Tuttavia, questo servizio è spesso a pagamento.
#4 CSS e JavaScript - sembra ingombrante, ma è facile da ottimizzare
Il secondo maggior numero di dati sul tuo sito web è costituito dai file JavaScript e CSS. È qui che si manifestano molte paure di contatto. Ma anche senza avere competenze in materia di codice, puoi facilmente capire in cosa consiste l'ottimizzazione di CSS e JavaScript. In linea di massima, ci sono tre cose da fare:
- Riassumendo: I CSS e i JavaScript sono nascosti in tanti piccoli file individuali. Normalmente, ognuno di questi file deve essere richiesto singolarmente dal browser al server web. Questo genera richieste HTTP che tendono ad aumentare il tempo di caricamento del sito web. Tuttavia, se gli script vengono combinati, il numero di file da caricare e quindi il numero di richieste si riduce. Ad esempio, 53 richieste singole diventano solo una decina. Naturalmente, anche i plugin corrispondenti possono fare questo per te.
- Riduci: I file CSS e JavaScript sono righe di codice che consentono di attivare determinate funzioni e design sul tuo sito web. Questo codice è scritto da esseri umani. Ma viene letto dalle macchine. Perché questo è importante? Molte delle cose di cui un uomo ha bisogno per comprendere correttamente il codice non sono necessarie a un computer. Spazi, commenti e simili non sono quindi necessari per costruire correttamente la tua pagina. È qui che entrano in gioco plugin come Autoptimize. Essi convertono CSS e JavaScript da codice leggibile dall'uomo a codice leggibile dalla macchina. In questo modo i singoli pacchetti di dati diventano più piccoli e la loro trasmissione più veloce.
- Comprimere: Dopo aver unito e ridotto, l'ultimo passo consiste nel comprimere i pacchetti di dati inviati dal server web al browser. Ciò significa che il server riduce al minimo le dimensioni dei file delle singole richieste e il browser le scompatta e le calcola. Questo è più veloce rispetto all'invio di pacchetti di dati non compressi. Puoi impostare la compressione GZIP, ad esempio, tramite i plugin di caching, le impostazioni manuali nel file .htaccess o il tuo hoster ha già attivato la compressione sul lato server.
Anche senza conoscere gli script, è facile capire cosa comportano le singole misure. Inoltre, per tutte e tre le fasi, esistono dei plugin che permettono anche ai non professionisti di ottimizzare CSS e JavaScript. Nel nostro articolo sull'ottimizzazione di CSS e JavaScript, spieghiamo ulteriori dettagli e presentiamo i vari plugin.
Quattro vittorie!
Queste sono le quattro aree in cui è possibile risparmiare molto tempo di caricamento. Con uno sforzo relativamente ridotto, puoi già ottimizzare le tue prestazioni: attraverso il caching, l'ottimizzazione delle immagini, l'ottimizzazione di CSS e JavaScript e la pulizia di WordPress, puoi già ottenere miglioramenti significativi.
#5 L'hosting ha un grande impatto sui tempi di caricamento
I primi quattro campi di ottimizzazione promettono una riduzione particolarmente consistente dei tempi di caricamento, ma possono risultare vani se il tuo hosting ti rallenta. Non si tratta tanto dei requisiti hardware di WordPress, quanto piuttosto di alcune tecnologie che dimostrano che un hoster ti permette di ottimizzare WordPress di conseguenza.
Come regola generale, puoi ricordare che un hosting WordPress ad alte prestazioni dovrebbe avere questi dati fondamentali:
- Disco rigido SSD
- Il limite di memoria di PHP è di almeno 64 MB, meglio se 128 MB.
- Centro dati nelle vicinanze geografiche del tuo gruppo target
- Versione attuale di PHP
- HTTP/2 e certificato SSL gratuito
C'è poi la differenza tra l'hosting condiviso e l'avere un proprio server (virtuale).
Con l'hosting condiviso, condividi il server e la sua potenza di calcolo con altri siti web. Di solito da qualche decina a qualche centinaio. Con il tuo server personale, non devi condividere la potenza di calcolo con nessuno. Per questo motivo offre il vantaggio della sicurezza delle prestazioni.
Anche se avere un proprio server non è sinonimo di migliori prestazioni, l'esperienza dimostra che soprattutto i piani di hosting economici che costano solo pochi euro al mese non possono tenere il passo dei server virtuali in termini di prestazioni.
"*" indica i campi obbligatori
I punti più sottili: meno colpi, più fatica
Tutte le aree rilevanti per le prestazioni che ho menzionato finora possono essere ottimizzate da quasi tutti. Tramite plugin, semplici tentativi o l'acquisto di prodotti corrispondenti. Le cose si complicano se hai già ottimizzato queste aree. Perché a quel punto devi andare più a fondo nella struttura della pagina. E le singole misure di ottimizzazione non hanno più lo stesso impatto.
#6 Renderblocking - ordine di caricamento sbagliato
Un problema che strumenti come Google PageSpeed Insights lamentano sempre è un ordine di caricamento che blocca il rendering.
Il problema diventa chiaro con un esempio: uno slider è composto da immagini e dal comando di animazione che fa ruotare queste immagini. Se il comando JavaScript viene caricato per primo e le immagini per ultime, la pagina ha già la funzione dello slider, ma non le immagini da visualizzare. Il caricamento della pagina sarà quindi più lungo. Questo stato può essere evitato grazie alla corretta sequenza di caricamento.
Sebbene esistano plugin per ottimizzare l'ordine di caricamento, la nostra esperienza ci insegna che non sempre sono in grado di ottimizzare completamente il tuo sito web. Infatti, i risultati migliori in questo caso si ottengono solitamente con un web designer che conosce bene il sito e le sue funzioni.
7 Above the Fold - ottimizza l'area tisibile della pagina.
Oltre al tempo di caricamento totale del tuo sito web, è decisivo il tempo di caricamento percepito. In altre parole, il tempo che viene percepito visivamente come tempo di caricamento. Questo tempo di caricamento percepito può essere ridotto con alcuni accorgimenti. Ad esempio, si ha l'impressione che la pagina sia già completamente costruita, anche se i calcoli sono ancora in corso in background.
Particolarmente importante per ottimizzare questa zona, conosciuta come Above the Fold, è ottimizzare l'ordine di caricamento. Questo significa dare la priorità ai contenuti e alle caratteristiche che vuoi che i tuoi visitatori vedano sulla prima dimensione dello schermo.
Puoi ottenere questo risultato, ad esempio, ottimizzando la sequenza di caricamento. Ma esistono anche dei plugin che garantiscono un caricamento più efficiente della pagina. E solo l'area visibile. a3 Lazy Load è un esempio di questi plugin. In questo modo, potrai visualizzare tutti i contenuti, ma il tempo di caricamento della pagina ne trarrà beneficio, soprattutto se si tratta di una pagina ricca di immagini.
8 Pulire il database.
Oltre alle immagini e agli script, anche il tuo database può diventare troppo grande. Esistono strumenti pratici per mantenere il tuo database pulito e snello, tra cui il plugin WP-Optimize.
#9 Pingback e trackback
Per impostazione predefinita, WordPress interagisce con altri siti web che consentono i pingback e i trackback. Ogni volta che il tuo sito web o uno dei tuoi blogpost viene menzionato su un sito web di questo tipo, il tuo sito web viene automaticamente avvisato, con un ulteriore carico sul database.
Se non hai bisogno di questa funzione (a mio avviso, il valore aggiunto è comunque trascurabile), allora dovresti disattivare i pingback e i trackback. Anche in questo caso, il plugin WP-Optimize ti aiuta. Per completezza, tuttavia, va detto che si tratta di un problema più che altro teorico. Non abbiamo ancora riscontrato gravi perdite di prestazioni per questo motivo.
#10 Impedisci l'hotlinking
Hotlinking significa che qualcuno si collega direttamente a un'immagine sul tuo server - effettivamente "rubando" la tua larghezza di banda. Su un server web Apache, puoi prevenire l'hotlinking aggiungendo il seguente codice al tuo file .htaccess:
RewriteEngine on
RewriteCond %{HTTP_REFERER} !^$
RewriteCond %{HTTP_REFERER} !^http(s)?://(www.)?yourwebsite.com [NC]
RewriteCond %{HTTP_REFERER} !^http(s)?://(www.)?google.de [NC]
RewriteCond %{HTTP_REFERER} !^http(s)?://(www.)?google.com [NC]
RewriteRule .(jpg|jpeg|png|gif)$ – [NC,F,L]Per impedire l'hotlinking su un server NGINX, aggiungi queste righe di codice al tuo file di configurazione NGINX:
location ~ .(gif|png|jpeg|jpg|svg|webp)$ {
valid_referers none blocked server_names
*.example.com example.* www.example.org/galleries/ ~\.google\.;
if ($invalid_referer) {
return 403;
}
}Suddivisione del codice:location ~ .(gif|png|jpeg|jpg|svg|webp)$ {
specifica le estensioni dei file che vuoi proteggere dall'hotlinking; ad esempio, se vuoi proteggere i file PDF, la riga di codice dovrebbe essere la seguente:location ~ .(gif|png|jpeg|jpg|svg|webp|pdf)$
{valid_referers none blocked server_names*.yourwebsite.com ~.google. ~.bing. ~.yahoo.;
Queste righe sono un po' lunghe, ma ti aiuteranno a capire meglio cosa puoi fare con questa regola. Queste righe indicano quali sono i domini che possono comunque collegarsi ai tuoi file tramite hotlink. In questo esempio, yourwebsite.com con tutti i sottodomini, oltre a Google, Bing e Yahoo.
if ($invalid_referer) {return 403;}
Ora, se arriva una richiesta e la risorsa richiesta NON è presente nella tua whitelist, il server restituirà un errore 403 (Forbidden).
Altri metodi per prevenire l'hotlinking
Nella directory ufficiale dei plugin di WordPress sono disponibili numerosi plugin di sicurezza che puoi utilizzare per impedire l'hotlinking, come ad esempio All In One WP Security & Firewall. Su Raidboxes puoi anche impedire l'hotlinking tramite le intestazioni CORS nelle impostazioni del tuo Box . Se hai domande sulla configurazione delle intestazioni del tuo Box , contatta il nostro team di assistenza.
"E il CDN?"
Una delle domande più frequenti riguarda le Content Delivery Network (CDN). Ad esempio: "Una CDN rende il mio sito web più veloce per i visitatori in Germania?", "Perché ho bisogno di una CDN?", "Mi consiglieresti di usare una CDN per il mio blog o negozio?". Nella maggior parte dei casi, però, la risposta è stata: no.
Per farla breve: Un CDN ha più senso se i tuoi utenti sono distribuiti geograficamente in modo capillare. Ad esempio, se hai clienti in Europa centrale, Sud America e Australia. Se il tuo target principale è limitato a un solo paese, puoi scartare direttamente un CDN per l'ottimizzazione di WordPress.
A proposito, lo sviluppatore di WordPress Ernesto Ruge ha scritto un articolo molto bello su questo problema, che non posso che consigliarti.
Conclusione: non temere le fasi di ottimizzazione più complicate.
Spesso si ha paura di entrare in contatto con queste aree, in cui è particolarmente facile risparmiare tempo di caricamento, oppure le si trascura. Altre, invece, come la CDN, si ripresentano più volte durante le consultazioni, anche se di solito non hanno alcun effetto sui tempi di caricamento del sito web.
Pertanto, posso solo consigliarti di concentrarti prima sui "frutti bassi" dell'ottimizzazione delle prestazioni di WordPress. Con uno sforzo relativamente ridotto, puoi già fare grandi progressi nella riduzione dei tempi di caricamento. E questo anche se sei un profano.
Quindi non lasciatevi scoraggiare dai consigli di strumenti come Google PageSpeed Insights .
Perché al tuo centro, l'ottimizzazione del tempo di carico riguarda solo alcune aree:
- Riduci le dimensioni del tuo sito web
- Riduzione delle richieste HTTP
- Compressione dei singoli pacchetti di dati
- Ottimizzazione del tempo di caricamento percepito
Se hai capito questo, allora puoi anche agire in modo sensato sulle 10 viti di regolazione più importanti dell'ottimizzazione di WordPress. E per le fasi di ottimizzazione più complesse, ci sono anche esperti in grado di mettere a punto il tuo sito web.
Il tempo di caricamento ti ringrazierà!
