In un'epoca in cui quasi tutte le informazioni sono disponibili in qualsiasi momento e da qualsiasi luogo, i siti web e altri contenuti online devono soddisfare determinati criteri per soddisfare gli utenti (e quindi anche i motori di ricerca). Uno di questi criteri è il tempo di caricamento. Vi spieghiamo come potete analizzare le prestazioni e quindi ottimizzarle per ottenere un miglior posizionamento a lungo termine.
Ottimizzare le prestazioni significa migliorare l'usabilità
Immaginate di entrare in uno snack bar, di avere molta fame e di non essere serviti. Cosa succede? Esattamente, si lascia il negozio in fretta e furia e si va dalla concorrenza nella speranza di trovare qualcosa da mangiare più rapidamente. Anche se non ve ne andate subito, è improbabile che torniate.
Scarse prestazioni = alta frequenza di rimbalzo
Se trasferiamo questo esempio nel mondo digitale, lo snack bar diventa il sito web e la velocità del servizio diventa il tempo di caricamento del sito. Se volete giocare nella massima serie in termini di classifica, dovete pensare al vostro servizio, in altre parole alle vostre prestazioni, il prima possibile. A Google piace classificare i siti web che sono particolarmente facili da usare. Oltre a un layout coerente e a una presentazione chiara di un argomento, la facilità d'uso comprende anche il tempo di caricamento dei contenuti. Se la pagina impiega troppo tempo a caricarsi, la frequenza di rimbalzo aumenta perché molti utenti cliccano sul "pulsante indietro" e passano al risultato di ricerca successivo nella SERP di Google.
Fase 1: Controllo delle prestazioni
Prima di migliorare le prestazioni del vostro sito web, è meglio verificare l'effettivo livello di PageSpeed. A tale scopo è possibile utilizzare diversi strumenti.
PageSpeed Insights
PageSpeed Insights è uno strumento fornito da Google che consente di verificare le prestazioni di un determinato URL in pochissimo tempo. Idealmente, riceverete una valutazione "Buona" sia per l'output su dispositivi mobili che per quello su dispositivi desktop. Se i tempi di caricamento non sono ottimali, lo strumento valuta le prestazioni come "medie". Con una valutazione "bassa" è necessaria un'ottimizzazione. L'aspetto positivo è che Google fornisce suggerimenti per l'ottimizzazione direttamente dopo l'analisi.
Pingdom
Utilizzate il Test di velocità del sito web Pingdom per analizzare le prestazioni della vostra pagina, noterete che fornisce un quadro molto più positivo dei tempi di caricamento rispetto a PageSpeed Insights di Google. Avete anche la possibilità di selezionare diverse posizioni del server per la vostra query. Dopo l'analisi, lo strumento mostra il tempo di caricamento (auspicabilmente in millisecondi), il Google PageSpeed Performance Grade (dovrebbe essere A), la dimensione del sito web e una serie di altri dati.
Test della pagina web
L'analisi diventa ancora più completa con la Strumento da webpagetest.org. Qui è possibile selezionare altre posizioni del server e, cosa particolarmente interessante, definire l'ambiente di test (modello di smartphone, browser, ecc.). I risultati sono estremamente completi e forniscono un'ottima base di dati per aiutarvi a ottimizzare le prestazioni del vostro sito web.
Fase 2: ottimizzazione
Una volta analizzati i punti deboli del sito in termini di tempo di caricamento, si può iniziare con l'ottimizzazione.
Per facilitare la comprensione dei dati di analisi forniti: Le cause più comuni di scarso rendimento sono...
... grandi quantità di dati,
immagini non compresse,
un tema sovraccarico e
database e server lenti.
Ripensare il tema e disattivare i plugin non necessari
Il vostro sito web gira su WordPress o Joomla! e il tema premium che avete acquistato sembra davvero elegante? Va bene, ma non è raro che i temi siano completamente sovraccarichi, con conseguente rallentamento dei tempi di caricamento del sito web. Date un'occhiata per vedere se c'è un tema più sottile che si caratterizza per le sue prestazioni oltre che per il suo aspetto immediatamente accattivante.
Se il problema non riguarda il tema in sé, anche i plugin possono avere un impatto negativo sul tempo di caricamento dei siti web, se si verificano troppi accessi al database. Questo è il caso soprattutto dei plugin meno conosciuti e mal implementati. È sufficiente verificare quali plugin si sono accumulati nel tempo e disinstallare quelli di cui non si ha assolutamente bisogno.
Ridurre le richieste HTTP
Se vengono effettuate meno richieste HTTP, il sito web verrà logicamente caricato più velocemente. Una richiesta al server viene sempre effettuata quando è necessario caricare un file. Pertanto, se in un documento sono presenti meno file come immagini, script e così via, anche la pagina verrà caricata più velocemente.
Suggerimento: È possibile combinare vari fogli di stile in un unico file CSS e collegarlo dall'area del documento HTML. Se ci si assicura che non ci siano più specifiche di stile in linea nel documento HTML, il file CSS può essere memorizzato nella cache, accelerando così il caricamento della pagina.
Ottimizzare le immagini per il web
Un sito web non può fare a meno di buone immagini (preferibilmente in formato .jpg) e di grafici (preferibilmente in formato .png): dopo tutto, un'immagine vale più di mille parole. Tuttavia, è importante che queste immagini siano ottimizzate per il web, per evitare lunghi tempi di caricamento. L'errore più comune in questo contesto è quello di caricare le immagini sul server nelle loro dimensioni originali e di inserirle nel contenuto esattamente nello stesso modo.
Esempio: Se un'immagine ha una dimensione di 2500 x 1000 pixel, ma è integrata solo in un'area di contenuto larga 750 pixel, in seguito verrà visualizzata in una dimensione più piccola. Tuttavia, l'immagine o il grafico devono essere caricati a grandezza naturale. Per evitare questa inutile zavorra, si consiglia di ridurre sempre le immagini alle dimensioni in cui verranno effettivamente visualizzate.
A proposito: non appena viene richiamato un URL, di solito tutte le immagini vengono caricate automaticamente, anche quelle che non sono ancora visibili, ad esempio perché non si sta scorrendo verso il basso. Per caricare le immagini solo quando necessario, è possibile utilizzare plugin come Pazzo pigro utilizzare. E per darvi subito un altro consiglio sui plugin: WP Smush.it comprime automaticamente le dimensioni dei file delle immagini durante il caricamento. È possibile utilizzarlo anche per ottimizzare successivamente le immagini già caricate.
Compressione Gzip
Non solo le immagini, ma anche i file di sistema (ad esempio quelli di WordPress) possono essere compressi. Come funziona? Semplicemente con Gzip, un programma di compressione gratuito che, proprio come il formato dei file, è disponibile per tutti i sistemi operativi. È sufficiente inserire uno snippet di codice nel file .htaccess. Con WordPress, non è necessario farlo manualmente, ma si può fare affidamento su plugin come Compressione della velocità di Gzip Ninja a cui ricorrere. Joomla ha anche estensioni corrispondenti che fanno esattamente la stessa cosa.
Utilizzare la cache
Come utenti di WordPress, avete bisogno anche di un buon plugin di caching. La cache crea versioni statiche di tutte le pagine, invece di crearle dinamicamente, con grandi effetti sulla velocità di caricamento dell'intero sito web. Un plugin di caching molto ben scritto per WordPress è Cachify. Con il plugin W3 Total Cache è possibile ottenere un pacchetto completo e senza preoccupazioni. In alternativa WP Rocket un piccolo razzo da parte vostra.
Un consiglio in più:
Per velocizzare ulteriormente il vostro sito web, potete rimuovere gli spazi e le interruzioni di riga non necessari da HTML, CSS e JavaScript. Poiché in questo modo l'intero codice diventa più snello, anche il tempo di caricamento si riduce. L'unica cosa che peggiora è la chiarezza del codice. Il già citato Plugin W3 Total Cache A questo punto, l'utente di WordPress ha a disposizione la cosiddetta funzione "Minify". Tuttavia, questa funzione funziona particolarmente bene solo se si definisce come gli script Java devono essere caricati nella modalità manuale del plugin stesso. Poiché questa modalità non è adatta soprattutto ai principianti, si consiglia di utilizzare la funzione Plugin Autoptimise.
