Un anno di prurito sul tuo blog (e cosa fare)

Quando entri davvero nel vivo del blogging, c'è molto a cui pensare. La gestione di un sito Web richiede la tua attenzione a molti livelli: contenuto, marketing, design e così via.

Con questo in mente non è una grande sorpresa che tu possa perdere di vista alcuni dei fondamenti della gestione di un blog. Lo chiamo "Un anno di prurito". Quel momento in cui sei diventato così coinvolto nella gestione quotidiana del tuo sito da dimenticare alcune delle cose più importanti.

Questa è esattamente la posizione in cui mi sono trovato di recente, ma fortunatamente mi sono allontanato dal bosco per vedere gli alberi e mi sono rimesso sulla strada giusta. In questo post voglio spiegarti cosa potresti aver perso di vista e mostrarti come rimettere le cose a posto.

Sento il bisogno di velocità

Ho una sana ossessione per la velocità. Per essere più specifici, la velocità di caricamento della pagina (non così affascinante come Top Gun, certo, ma non per questo meno importante).

Comprendo l'impatto che la velocità di caricamento può avere sull'esperienza dell'utente e, in definitiva, sui tuoi profitti. In effetti, abbiamo già scritto molte volte su come aumentare la velocità del sito qui su WPExplorer.

Eppure avevo perso di vista l’importanza della velocità di caricamento della pagina sul mio blog. Ero così preso dalla gestione quotidiana del mio blog che avevo perso di vista l'obiettivo di fornire un'esperienza utente di qualità al livello più elementare (ovvero la velocità di caricamento della pagina). Dopo quasi due anni di vita il mio blog si era impantanato a causa della mia ossessione per il tweaking e si vedeva davvero.

Ottenere le basi giuste

Dopo aver realizzato il mio errore, ho controllato per assicurarmi di aver ancora capito bene le cose semplici. Ciò mi riporta al mio articolo originale qui su WPExplorer sulla velocità del sito in cui trattavo quanto segue:

• Misurazione della velocità del sito
• Memorizzazione nella cache
• Ottimizzazione dell'immagine
• Caricamento pigro

Questi sono quelli che mi piace chiamare i “frutti a portata di mano” quando si tratta di migliorare la velocità del sito. Sono facili e veloci da implementare. Ma sapevo di avere alcuni problemi fondamentali per quanto riguarda la velocità di caricamento del mio sito. Era giunto il momento di scavare un po' più a fondo.

Se sei colpevole di modifiche al tuo sito, potresti avere elementi ridondanti e/o indegni nelle tue pagine web che stanno rallentando notevolmente il tuo sito. Questo è quello che ho scoperto che fa al caso mio. Continua a leggere per scoprire cosa potresti perderti.

Gli effetti collaterali del tweaking infinito

Il mio primo passo è stato andare su Pingdom e testare il tempo di caricamento della mia home page. Non è stato carino: il tempo di caricamento è stato di circa 5 secondi, più lento di circa l’80% di altri siti web secondo le loro statistiche.

Tuttavia, una volta terminato il mio ritocco, il risultato è stato di gran lunga migliore:

Il processo che ho seguito per migliorare la velocità del mio sito è stato estremamente semplice. Se gestisci il tuo sito tramite Pingdom otterrai un rapporto simile a quello che vedi sopra, ma è quello che troverai di seguito che ci interessa davvero:

Questa è una parte dell'elenco di tutte le richieste effettuate per caricare il mio sito: in sostanza, il numero di file diversi che sono stati caricati per produrre la pagina web completa. Per impostazione predefinita, vengono ordinati in base all'ordine in cui sono stati caricati (che in genere è l'ordine in cui vengono richiamati all'interno del codice sorgente della pagina), che è un ordine logico ma non il più utile per noi.

Quello che devi fare è fare clic sulla casella a discesa nella parte superiore dell'elenco e selezionare "Ordina per dimensione file". Ora hai un elenco dei file che stanno risucchiando la vita dal tuo sito in ordine di schifezza (in mancanza di una parola più appropriata):

Ordinando l'elenco potresti scoprire che alcune richieste sono del tutto ridondanti. Potresti anche scoprire che vengono effettuate richieste che semplicemente non valgono il carico che immettono sul tuo sito. Il cielo ora è davvero il limite quando si tratta di ridurre il tuo sito a una forma più elegante.

Con queste nuove informazioni puoi iniziare a rimuovere e ottimizzare i file che rappresentano più problemi di quanto valgano.

Suonare i cambiamenti

Considerando che hai già apportato i miglioramenti di base alla velocità del sito descritti sopra, dobbiamo rimboccarci le maniche e sporcarci un po' di più.

Pulisci i tuoi plugin

Il mio primo consiglio sarebbe di controllare i tuoi plugin. Se gestisci il tuo sito da un po’, scoprirai sicuramente che ci sono plugin installati sul tuo sito che non usi nemmeno più. In alternativa e/o in aggiunta potresti scoprire che i plugin che <i> usi non valgono quasi la pena.

Anche se sarei il primo a dire che il numero di plugin che hai installato sul tuo sito non è il fattore principale (quello che conta è il carico che questi plugin mettono sul tuo sito), è giusto dire che meno plugin hai installato, maggiore è la probabilità di cadere vittima di un processo ad uso intensivo di risorse.

Ti consiglio di installare e avviare il Plugin Performance Profiler. Questa piccola bellezza scansionerà più pagine del tuo sito e fornirà una stima dell’effetto di ciascun plug-in sulla velocità di caricamento complessiva. Ecco come appariva il mio rapporto:

Ti consiglio di eseguire 3-4 rapporti per ottenere un quadro generale migliore del rendimento poiché i risultati possono variare. Non stiamo cercando numeri precisi qui, ma piuttosto una chiara indicazione di eventuali plugin che si stanno rivelando un notevole drenaggio di risorse.

Il prossimo passo logico è decidere se puoi giustificare la disinstallazione di uno qualsiasi dei tuoi plugin. In definitiva, la decisione dovrebbe essere basata sul tuo desiderio di offrire un'esperienza utente di qualità: i vantaggi introdotti dai plug-in devono superare il tempo di caricamento aggiuntivo.

Pulisci le tue modifiche manuali al codice

Se hai apportato modifiche manuali ai file PHP del tuo tema, spero che tu lo abbia fatto con un tema figlio, altrimenti questo processo sarà potenzialmente un po’ un grattacapo. In caso contrario, il primo passo dovrebbe essere quello di creare un tema figlio e spostarvi tutti i file del tema personalizzato.

Partendo dal presupposto che tu abbia un tema figlio (in un modo o nell'altro), il tuo compito è ora esaminare ogni file nella cartella del tuo tema e verificare che non sia contenuto codice ridondante al suo interno. Ecco cosa ho trovato nei miei file:

• Riferimenti a font Google che non utilizzo più (in effetti, non l'ho mai fatto: stavo solo scherzando).
• Un pezzo di codice per alcuni pulsanti di condivisione social su una pagina del mio blog che veniva caricato su ogni singola pagina.
• Un codice per una "scatola Mi piace" di Facebook che stava assorbendo molte più risorse di quanto giustificasse.
• Alcune funzioni personalizzate nel mio file Functions.php che non venivano più utilizzate.

In alcuni casi è possibile rimuovere questi elementi senza effetti collaterali negativi. In altri casi potresti voler mantenere le funzionalità introdotte dalle tue modifiche. Se richiedono particolarmente risorse, ti consiglio di esaminare il caricamento asincrono che garantisce che eventuali script potenzialmente avidi non impediscano il caricamento del resto della pagina.

Ottimizza le tue immagini

Ci sono immagini che vengono caricate su ogni pagina del tuo sito, come quelle nella barra laterale e nel tuo logo. Vale la pena assicurarsi che questi siano quanto più piccoli possibile poiché la loro dimensione combinata può essere piuttosto considerevole.

Il processo di ottimizzazione dovrebbe essere suddiviso in due fasi:

1. Ottimizzazione con perdita: utilizzando il software di editing grafico che preferisci, salva il file con la massima quantità di ottimizzazione con perdita che puoi sopportare (applicabile solo a jpeg). Ho scoperto che salvare un'immagine con il 70-80% di ottimizzazione è un bel punto debole.
2. Ottimizzazione senza perdite: esegui le tue immagini tramite un plug-in come Smush Image Compression in modo che vengano compresse ulteriormente senza alcuna perdita di qualità dell'immagine.

Ottimizzare le tue immagini può fare un'enorme differenza senza alcun impatto visibile sull'esperienza dell'utente, quindi è un gioco da ragazzi.

Ulteriori passi

Dovresti essere in grado di ridurre drasticamente la velocità di carico con le misure di cui sopra, ma ovviamente puoi andare anche oltre.

Ad esempio, l’hosting e la distribuzione dei contenuti possono fare un’enorme differenza in termini di tempi di caricamento. Un sito Web ospitato su un server condiviso non si completerà mai con uno ospitato su un server dedicato associato a una rete CDN. Il nostro AJ Clarke consiglia la community CloudFlare per aumentare la velocità di caricamento e aumentare la sicurezza.

Non rientra nello scopo di questo post dettagliare i pro e i contro dei diversi provider di hosting, quindi ti consiglio di iniziare apportando le modifiche consigliate in questo post. Se hai voglia di qualcosa di più, contatta il tuo provider di hosting e chiedi il suo consiglio su come migliorare il tuo pacchetto di hosting e/o incorporare la CDN.

Se hai domande, non esitare a rispondere nella sezione commenti qui sotto!