Guida totale all'ottimizzazione della velocità di WordPress

Immagina di avere una grande riunione e la tua squadra ha provato per tutto il mese. Dopo tutti questi preparativi, un compagno di squadra incaricato di portare il laptop necessario per la presentazione è in esecuzione. E il compagno di squadra si presenta dieci minuti dopo il programmato e il tuo potenziale cliente è stanco di aspettare.

Bene, sembra troppo deleterio e non andrà bene con il cliente. Ora puoi immaginare come si sentono i tuoi visitatori quando hanno bisogno di sedersi e aspettare che il tuo sito web si carichi nel loro browser. Cosa pensi che faranno se una pagina web impiega più di dieci secondi per caricarsi? O anche sei? Quattro?

Non è un grande segreto che la velocità di un sito sia importante. Nessuno vuole un sito web con caricamento lento, soprattutto Google. Quindi, a meno che tu non voglia creare un'esperienza utente scadente e ridurre le tue possibilità di posizionamento su Google, è giunto il momento di fare qualcosa per l'ottimizzazione della velocità di WordPress.

Con quasi il 40,0% del web alimentato da WordPress, ci sono centomila plugin, temi e altre tecnologie che devono coesistere per ottimizzare la velocità di WordPress. Un utente WordPress di tutti i giorni potrebbe trovarlo un incubo quando il suo sito Web è impostato per un collo di bottiglia e non sa nemmeno perché.

Qui condivideremo assolutamente tutto ciò che c'è da sapere sull'ottimizzazione della velocità di WordPress in modo che tu possa iniziare ad accelerare il tuo sito web oggi. Speriamo di poter guidare l'ottimizzazione delle prestazioni di WordPress senza diventare troppo tecnici o "basati sul codice". In effetti, ci sforziamo per evitare esempi di codice qui.

Così sei pronto? Cominciamo.

i) Cosa rallenta il tuo sito Web WordPress?

Innanzitutto, diamo un'occhiata ad alcuni colpevoli significativi che tendono a rallentare il tuo sito web. Queste sono le sezioni in cui dovresti concentrare la tua attenzione.

un. immagini

La dimensione stravagante dell'immagine uccide la velocità del sito web.

b. Video

Le funzionalità di WordPress come gli sfondi video sono interessanti, ma sono anche un vero freno alle prestazioni rispetto alla velocità del sito.

c. Plugin WordPress

I plugin di WordPress sono sicuramente dei grandi salvavita, ma "quale" e "quanti" faranno la differenza.

d. Temi WordPress

La stessa regola vale per i temi. Un buon web design WordPress è un must. Tuttavia, un tema codificato in modo errato ha troppi file e script per causare problemi.

e. Script

Qualsiasi cosa con quantità eccessive di JavaScript, jQuery o altri script di terze parti può rallentare le tue pagine web.

f. API

Le API aiutano sicuramente nella gestione dei contenuti. Ma se i server a cui è connesso il tuo sito web sono lenti, tanto per cominciare, la risposta del sito sarà lenta.

g. Trascuratezza

La sciatteria può verificarsi nella tua cartella multimediale, plug-in, contenuto del tuo blog o database.

h. Collegamenti interrotti

Uno o due collegamenti interrotti non sono terribili. Ma un sito pieno di collegamenti interrotti può avere un impatto sull'esperienza dell'utente e ridurre la velocità mentre il tuo server continua a funzionare su quella connessione interrotta.

io. Reindirizzamento

Ancora una volta, il reindirizzamento impedisce ai visitatori di incontrare i collegamenti interrotti/i vecchi URL, ma averne troppi è un carico di lavoro per il server.

Prima di iniziare...

ii) Backup, Staging e Test

La migliore strategia per eseguire il backup del sito Web WordPress è creare un nuovo sottodominio (come testing.domain.com) e fare tutto il lavoro di ottimizzazione su di esso. La maggior parte dei fornitori di servizi di hosting come WPEngine, Siteground, Kinsta e altre società famose fornisce la gestione temporanea con un clic. Se la tua società di hosting non ti fornisce la creazione di siti di staging, puoi utilizzare i plug-in di backup gratuiti o premium per ottenere il backup. Quando sei soddisfatto dei risultati sul tuo sito di staging, puoi incorporare le tue modifiche fondamentali nel tuo sito web live. Ora, il tuo sito è ottimizzato per la velocità senza problemi.

Un'altra tecnica che puoi adottare è costruire un tema figlio. L'uso di un tema figlio garantisce che le modifiche apportate ai file del tema non vengano sovrascritte sul tema principale.

Infine, prova la tua velocità attuale con l'uso di questi siti di test di velocità di WordPress.

• Velocità di pagina di Google
• GTmetrix
• Pingdom

Ora, iniziamo i passaggi per l'ottimizzazione delle prestazioni di WordPress.

1. Scegli un provider di hosting web ad alte prestazioni

Cominciamo con una società di hosting che ha le seguenti caratteristiche:

• Uno specializzato nell'hosting di WordPress: capiscono i problemi di prestazioni associati al CMS intrinseco
• Offre alcune opzioni di hosting gestito
• Utilizza le tecnologie più recenti e veloci
• Include la memorizzazione nella cache e una CDN
• E un'ottima assistenza clienti non guasterebbe

Ma come possiamo scegliere il migliore?

Il modo più semplice per misurare la qualità dell'hosting è controllare il TTFB. Il tempo al primo byte indica il tempo del server per rispondere, che sostanzialmente rappresenta la velocità del server. Puoi utilizzare ByteCheck per test TTFB gratuiti. WPengine, Kinsta, SiteGround, Bluehost, HostGator, ecc. Sono alcuni provider di hosting di siti Web di cui ci si può fidare.

2. Usa la memorizzazione nella cache

La memorizzazione nella cache del sito Web è la tecnica in cui una versione HTML statica della tua pagina Web viene archiviata e successivamente riutilizzata quando i visitatori arrivano a un sito Web. In questo modo, il browser avrebbe già le informazioni necessarie sul sito, migliorando la velocità di WordPress.

Soprattutto per il sito statico che non si aggiorna frequentemente, l'uso del plug-in di memorizzazione nella cache sarebbe del massimo vantaggio. WP Rocket, Cache Enabler, WP Super Cache, W3 Total Cache, ecc. sono i migliori sul mercato.

Questi plugin riducono il tempo di caricamento sul tuo server e gestiscono altre attività di ottimizzazione della velocità come:

• Il browser e la cache a livello di pagina
• Compressione file gzip
• Combina file CSS e JavaScript
• Minimizzazione CSS, HTML e JavaScript
• Integrazione CDN

Se il tuo provider di hosting è già dotato di un sistema di memorizzazione nella cache, l'aggiunta di un plug-in aggiuntivo non sarà necessaria.

3. Scegli saggiamente i tuoi plugin e temi

Sei consapevole della tensione che un tema e un plug-in possono mettere sul loro server? Ecco perché devi essere esigente nell'uso di temi e plugin di WordPress.

un. Tema WordPress giusto

Un tema mal codificato e non aggiornato aggiunge script inutili alle pagine, il che si traduce in una scarsa esperienza di caricamento della pagina. Quindi, imposta la tua scelta per i problemi di controllo della qualità prima di installarlo sul tuo sito. Purtroppo, la maggior parte dei temi WordPress gratuiti sul mercato ha un bell'aspetto nel design e sono pieni di più funzionalità ma ignorano le prestazioni.

Il nostro buon tema viene fornito con una serie di funzionalità dedicate alle prestazioni ed elimina la necessità di plug-in aggiuntivi di terze parti.

b. Usa solo il plugin più necessario

Quando scegli i plugin di WordPress, tieni a mente i seguenti suggerimenti:

• Sapere se il plug-in è necessario o alcune funzionalità di WordPress/codifica semplice è disponibile come supplemento al plug-in.
• Esamina ogni plug-in insieme ai problemi rilevati nelle prestazioni, non installare mai qualcosa con una storia discutibile.
• Cerca plug-in con più caratteristiche e funzionalità in modo da poterne utilizzare solo uno invece di tanti
• L'aggiornamento dei temi e dei plugin è un must per mantenere il tuo sito sicuro e veloce. Ma allo stesso tempo, alcuni degli aggiornamenti potrebbero rendere i temi/plugin e WordPress incompatibili. Quindi installa solo se l'aggiornamento è utile.

c. Ripensare l'uso del plugin

Sì, l'utilizzo di troppi plugin di WordPress rallenterà in qualche modo il tuo sito web. Ma il numero di plugin non è vitale quanto la qualità dei plugin che utilizzi. Ciò che conta davvero è come è stato sviluppato quel particolare plugin: è stato creato pensando alle prestazioni? Ciò significa che potresti anche voler guardare alcuni dei tuoi vecchi plugin e sostituirli con quelli nuovi e leggeri.

4. Usa PHP 7 e versioni successive

Hai mai sentito parlare di versioni di PHP? Tu devi avere. PHP è un linguaggio di scripting lato server open source. La maggior parte dei tuoi temi e plugin, insieme al software principale di WordPress, sono fondamentalmente scritti in PHP.

Innanzitutto, assicurati che il tuo host WordPress utilizzi almeno PHP 7 o versioni successive. Secondo i dati, solo il 6,8% dei siti WordPress totali utilizza PHP 7.3, ma un altro enorme 28,6% utilizza ancora PHP 5.6 (rilasciato nel 2014).

E se qualcuno ti desse un telefono che è stato rilasciato nel 2014? Avrebbe una risposta lenta e lenta per farti impazzire.

Questo è esattamente come si sentiranno i tuoi visitatori con PHP 5.6.

5. Usa SSL/HTTPS

Il certificato SSL non colpisce direttamente la velocità di WordPress, ma è comunque altamente raccomandato ottenerne uno. In primo luogo, e soprattutto, Google conferma che l'uso corretto di HTTPS/SSL ti consente di ottenere risultati migliori.

Inoltre, poiché i siti Web certificati SSL sono presentati con un piccolo segno di lucchetto verde situato sopra la barra degli indirizzi, aumentano la fiducia dei clienti.

L'altro motivo è la sicurezza. Avere un certificato SSL sul tuo sito crittograferà il trasferimento di dati/informazioni da e verso il tuo sito web, rendendo il tuo sito più sicuro.

6. Ottimizzazione dell'immagine

Avere immagini sul tuo sito è sempre una buona cosa. Ma il tipo sbagliato può essere il più grande disastro per il tuo sito web. Un modo rapido per velocizzare il tuo sito web è ottimizzare le immagini.

Sai come l'ottimizzazione delle immagini può rendere il tuo sito più veloce? Può ridurre l'utilizzo della larghezza di banda del tuo sito web, aprirsi rapidamente per coinvolgere gli utenti e non dare ai motori di ricerca di Google un motivo in più per odiare il tuo sito web.

Esistono diversi modi per ottimizzare un'immagine. Impareremo tutto su di loro qui.

un. Scegliere il giusto formato immagine

I formati di immagine più utilizzati in questo decennio sono JPG, PNG, SVG e GIF. La GIF è principalmente per le immagini animate e JPG e PNG per l'immagine fissa. Tra questi due, il formato JPG (o JPEG) è ideale per visualizzare immagini multicolori. Il formato SVG è usato esplicitamente per i loghi. I PNG vengono utilizzati solo nei casi in cui SVG è impossibile e la trasparenza di un'immagine deve essere preservata, quindi anche un JPG esce dall'opzione.

Ma con così tante app di modifica su Internet, non dovresti essere confuso su quale formato di immagine scegliere. Uno di questi strumenti è XnConvert. Puoi semplicemente trascinare e rilasciare la tua immagine qui e salvarla nel formato più piccolo. Puoi anche utilizzare XnConvert per ridimensionare, ritagliare, modificare i formati delle immagini e molti altri in massa di cento.

b. Usa la compressione dell'immagine

Ora hai salvato il file in formato JPG e PNG; è ora di comprimere il file.

Che cos'è?

Quando scatti per la prima volta un'immagine, viene considerata al 100% di qualità. È possibile ridurre la qualità dell'immagine (comprimerla) a una dimensione inferiore. Puoi comprimere il file immagine JPG all'85-90% senza alcuna modifica.

Puoi convertire le immagini manualmente prima di caricarle o semplicemente utilizzare un plug-in. Ci sono molti plugin conosciuti per comprimere le immagini in WordPress. ShortPixel Image Optimizer, reSmush.it, EWWW Image Optimizer e WP compressor sono alcuni utili.

Tuttavia, un'errata ottimizzazione delle immagini danneggia anche le prestazioni del tuo sito. Una delle migliori tecniche di ottimizzazione delle immagini è l'ottimizzazione delle immagini basata su server e l'ottimizzazione delle immagini in locale prima di caricarle.

In alternativa, è possibile utilizzare il plug-in LiteSpeed ​​che è fondamentalmente un plug-in di memorizzazione nella cache che consente anche la compressione delle immagini utilizzando il componente aggiuntivo di Google Pagespeed. Poiché LiteSpeed ​​comprime tutte le immagini sul loro server, il tempo di risposta del tuo server non influirà sull'operazione. Ma è necessario comprimerli in batch.

c. Specifica le dimensioni dell'immagine

La specifica delle dimensioni dell'immagine è principalmente correlata all'esperienza dell'utente. Impariamo come.

Quando la pagina carica prima il testo, anche la dimensione dell'immagine viene determinata quando viene impostato il layout della pagina. Ma dopo che le immagini sono state scaricate contemporaneamente, il browser trova le diverse dimensioni dell'immagine e regola automaticamente il layout della pagina. Fondamentalmente, per ogni successivo caricamento dell'immagine dopo un certo tempo, il browser deve ricreare il layout della pagina. Con tali modifiche, il visitatore non può leggere il testo quando la pagina continua a spostarsi.

Specificare in anticipo le dimensioni dell'immagine ti salva da questa seccatura.

d. Offri immagini in scala

Questo deve essere fatto se il tuo tema non è ottimizzato per gestire le immagini. Idealmente, puoi semplicemente cambiare un tema che stai utilizzando con quello con l'ottimizzazione dell'immagine. Oppure puoi anche utilizzare plug-in come Force Regenerate Thumbnails o Regenerate Thumbnails per creare le tue miniature. Basta impostare le dimensioni corrette per le miniature prima di utilizzare tali plug-in.

7. Ottimizzazione del Gravatar

L'avatar globale consente a te, così come ai commentatori del tuo sito Web, di ottenere immagini sul loro profilo. Senza dubbio, l'utilizzo di un Gravatar ha enormi vantaggi, ma lo svantaggio più significativo è rappresentato dal lento tempo di caricamento. Per finire, Gravatar incorpora anche più reindirizzamenti per rallentare ulteriormente il tuo sito.

Puoi evitare il rigonfiamento introdotto dal Gravatar nei seguenti modi:

• Disabilita Gravatar sui tuoi siti web
• Elimina i commenti eccessivi e spam dai post
• Aggiungi reCAPTCHA sul modulo dei commenti
• Configura le impostazioni di WordPress per visualizzare solo pochi commenti alla volta
• E infine, usa il plug-in di memorizzazione nella cache per Gravatar

8. Caricamento lento per video e immagini

Il caricamento lento delle immagini è un'opzione di ottimizzazione efficace e facile per migliorare significativamente i tempi di caricamento del tuo sito web. Senza il caricamento lento, tutti i file multimediali come immagini e video vengono caricati anche prima di essere passati a quella sezione. Questo ovviamente rende il tuo sito web più lento, specialmente quando hai molte immagini/video sui tuoi siti web. Il caricamento lento carica le immagini e altre risorse pesanti solo dopo che il visitatore è passato alla sezione di una pagina Web in cui vengono visualizzate. Se fatto bene, Lazy Load può aumentare considerevolmente la velocità del sito web.

Impariamo come utilizzare Lazy Load

1. Innanzitutto, ottieni il plug-in di caricamento lento dalla directory di WordPress e installalo
2. Vai alle impostazioni del plugin e configuralo

Ricorda che il caricamento pigro viene fornito con una tecnica complessa. Se non configurato correttamente, può rovinare l'intero sito web.

9. Disqus a carico pigro

Forse è il momento di sostituire il classico sistema di commenti di WordPress con un Disqus. Sebbene le sue funzionalità avanzate e altamente efficaci di prevenzione e moderazione dello spam valgano molti elogi, ha un costo, ad esempio il tempo di caricamento.

Ogni volta che un Disqus viene caricato sul tuo sito, dieci richieste aggiuntive rallentano il tuo sito. Per fortuna, c'è un plug-in come Disqus Conditional Load che causa il caricamento lento del Disqus stesso. Questo carico condizionale Disqus carica il commento solo quando il visitatore scorre fino alla fine della pagina.

10. Limita le revisioni dei post

Per impostazione predefinita, WordPress è progettato per salvare tutte le revisioni dei post, anche quando apporti la minima modifica. Quindi, per i post modificati/aggiornati di frequente, vengono fatte decine di copie dello stesso post per riempire il tuo database.

Per evitare ciò, puoi limitare il numero di revisioni/aggiornamenti salvati in WordPress. Di solito, da 3 a 5 dovrebbero essere sufficienti. Puoi farlo inserendo un semplice codice nel file wp-config.php .

 definire ('WP_POST_REVISIONI', 3);

Puoi modificare il numero nel codice per regolare il numero di revisioni di cui potresti aver bisogno.

Ma questo codice funzionerà solo per il nuovo post. Per rimuovere le revisioni dei post precedenti, puoi utilizzare plug-in di pulizia del database come WP-Optimize e Advanced Database Cleaner. Dopo aver utilizzato i plug-in, puoi semplicemente eliminare il plug-in.

11. Limita ragni e crawler

Spider e web crawler sono sempre alla ricerca della risorsa sul tuo sito. Oltre agli utili spider dei motori di ricerca, altri bot come spambot, scraper, e-mail scraper eseguono spesso la scansione del tuo sito web. Non solo rubano le informazioni dal tuo sito, ma il server deve spendere risorse per servirle.

Quindi, è consigliabile gestire le attività di bot sul tuo sito Web per verificare tale inutile scansione seguendo i seguenti modi.

1. Puoi usare il file .htaccess per bloccare i noti bot dannosi.
2. Puoi bloccare i bot dal tuo sito Web quando tali bot vengono visti di nuovo sul mercato.
3. È possibile utilizzare il plug-in di sicurezza WordFence per limitare i bot e bloccare manualmente gli indirizzi IP.

12. Utilizzo dei pulsanti di condivisione dei social media gratuiti JavaScript

Sì, avremo bisogno dei bellissimi pulsanti di condivisione social per incoraggiare i nostri visitatori. Ma i pulsanti di condivisione social per lo più realizzati in JavaScript sono pesanti. Tracciano gli utenti sul Web e impiegano molto tempo per caricarsi.
Quindi, sarebbe d'aiuto se utilizzi i pulsanti di condivisione social senza JavaScript. Per questo, rimuovi i pulsanti esistenti e usa un servizio come sharingbuttons.io.

13. Bonus

E se non sei ancora soddisfatto del risultato, puoi seguire qualche altro trucco. Questi trucchi sono principalmente per programmatori professionisti. Elenchiamoli.

• Disabilita Emoji e incorpora
• Rimuovere le stringhe di query
• Rimuovere il tag collegamento
• Rimuovere i collegamenti API REST
• Disabilita Google Maps
• Disabilita i fogli di stile/i widget di WooCommerce
• Evita i caratteri Google/i caratteri del server a livello locale
• Ottimizza le icone fantastiche dei caratteri
• Disabilita XML-RPC
• Nascondi la versione di WordPress
• Rimuovere il tag di collegamento RSD
• Concatena CSS e Javascript

iii) Problemi diversi, soluzioni diverse

Conoscere l'utilità dell'ottimizzazione della velocità del sito Web e la sua tecnica è un buon inizio. Ma non è necessario applicare tutte queste tecniche al tuo sito web. Quello che intendiamo è che, dal momento che non ci sono due aziende uguali o due siti uguali, il primo passo è comprendere la natura/il tipo di sito WordPress che possiedi.

Quindi, se hai un sito statico, non aggiornerai regolarmente il contenuto del tuo sito; forse fai solo un paio di volte minori al mese. Il sito statico include siti Web di attività commerciali locali, blog, fotografia, individui, ecc. Avere un sito del genere indica meno database e quindi non avrai bisogno di numerose risorse per ottenere buone prestazioni.

D'altra parte, avendo un sito Web estremamente vivace come eCommerce, forum online, ecc., i dati del sito WordPress cambiano frequentemente (ogni minuto o addirittura ogni secondo). In tal caso, è necessario aggiungere origini server e query al database.

E poi ci sono altri tipi di siti web, di passaggio e di consumo. Se il sito Web è principalmente informativo, il visitatore può rimanere per 5 o 10 minuti e individuare quando deve partire. D'altra parte, i siti Web che consumano trattengono i loro visitatori per ore, ad esempio un sito Web di corsi di formazione online. I visitatori simultanei di tali siti web vengono per le sessioni simultanee.

Riesci a vedere dove sta andando? I visitatori simultanei devono accumulare rapidamente le informazioni della sessione precedente. Avere molti visitatori simultanei del sito insieme al problema del "contenuto web non memorizzabile nella cache" lo rende un incubo.

Fondamentalmente, non puoi gestire tutti i tuoi siti Web WordPress allo stesso modo: dovrebbe essere presa una decisione ben informata.

Conclusione

Senza dubbio, c'è più di un'abbondanza di tutorial che coprono diversi modi per ottimizzare WordPress per la velocità. Ma può essere fonte di confusione trovare tutto in un unico posto. Spero che questo ti sia stato utile poiché abbiamo elencato tutte le tecniche che puoi seguire per caricare rapidamente il tuo sito. Inoltre, se desideri ricevere aiuto da un esperto, puoi trovare il nostro esperto WordPress certificato su Codeable o inviare un modulo di richiesta di personalizzazione per raggiungerci.

Auguri!!