17 suggerimenti efficaci per ridurre il tempo di caricamento della pagina del blog

Immagina di visitare un sito in cui ogni pagina ha impiegato diversi secondi per caricarsi.

Frustrante, non è vero?

La verità è che molti blogger trascurano la velocità di caricamento del proprio sito Web mentre si caricano su elementi visivi fantasiosi, dai caroselli di immagini ai widget interattivi.

Non è questo il modo per impressionare il tuo pubblico.

Ciò di cui hanno bisogno è un blog che si carichi velocemente, massimizzi la leggibilità e fornisca le informazioni che desiderano immediatamente.

Parliamo di come dare loro ciò che vogliono.

Perché la velocità di caricamento della pagina è importante

Oltre a una migliore esperienza utente, una velocità di caricamento rapida offre anche numerosi vantaggi dal punto di vista del marketing.

Mantieni più traffico

Le statistiche mostrano che circa il 40% degli utenti lascerebbe un sito che non si carica in tre secondi o meno. Questa cifra sale al 53% se parliamo di utenti mobili.

• Salva

E ti chiedi perché il tuo blog ha una frequenza di rimbalzo così abissale.

Se continui a ignorare la velocità di caricamento del tuo blog, stai sostanzialmente riducendo il potenziale di traffico di circa la metà.

Aumenta le conversioni

Sapevi che un ritardo di un secondo nei tempi di caricamento causa un calo del 7% nelle conversioni?

Per mettere le cose in prospettiva, si tratta di una perdita di $ 7 ogni volta che garantisci conversioni del valore di $ 100.

• Salva

Potrebbe non sembrare enorme, ma ricorda che i siti Web dei tuoi concorrenti sono a pochi clic di distanza.

Una volta che i lettori passano a un blog diverso con una migliore esperienza utente, potrebbero non guardarsi mai indietro.

Classifiche dei motori di ricerca più elevate

Nel caso non lo sapessi, i motori di ricerca come Google sono molto particolari quando si tratta di esperienza utente.

Ecco perché considerano la velocità di caricamento un importante fattore di ranking non solo per i desktop, ma anche per i siti web per dispositivi mobili.

• Salva

Se non hai familiarità con il termine SEO o ottimizzazione per i motori di ricerca , ti suggerisco di iniziare a imparare usando questo post.

Per ora, permettimi di mostrarti il ​​prossimo passo per ottenere prestazioni di blog di prim'ordine: misurare la velocità di caricamento effettiva del tuo blog.

Come testare la velocità di caricamento del sito web

Potresti pensare che il tuo sito web funzioni già abbastanza velocemente, ma solo uno strumento come PageSpeed ​​Insights di Google può dimostrarlo.

In parole povere, è uno strumento di ottimizzazione delle prestazioni che analizza la velocità del tuo sito Web, rileva i problemi che influiscono sulla velocità e fornisce un elenco di suggerimenti insieme a risorse utili.

Per utilizzare PageSpeed ​​Insights, vai avanti e inserisci l'URL del tuo blog e fai clic su "Analizza".

• Salva

Basta dare a PageSpeed ​​Insights qualche secondo per far funzionare la sua magia.

Al termine, la prima cosa che troverai è una valutazione approfondita delle prestazioni del tuo sito Web, incluso il punteggio di velocità, i fattori che influenzano la velocità di caricamento e la latenza stimata o il ritardo prima che gli input dell'utente possano essere registrati.

• Salva

Puoi anche utilizzare PageSpeed ​​Insights per le prestazioni sui dispositivi mobili passando alla scheda "Dispositivi mobili" . Lo strumento dovrebbe presentarti immediatamente un rapporto diverso che rifletta le prestazioni del tuo blog su smartphone e tablet.

• Salva

Hai già trovato i tuoi punteggi di velocità?

D'ora in poi, ti consiglio di utilizzarli come mezzo principale per misurare le prestazioni del tuo sito web.

Il tuo obiettivo è semplice: eseguire tutte le ottimizzazioni necessarie per raggiungere il limite "veloce" della scala del punteggio di velocità.

Lascia che ti mostri di cosa sto parlando.

• Salva

Potresti leggere da qualche parte che un punteggio di velocità di almeno 85 è abbastanza buono, il che in realtà è del tutto vero dato che anche i grandi siti come Facebook hanno punteggi inferiori a 90.

• Salva

Ma come marchio in erba che cerca di fare un'ammaccatura nella tua nicchia, accontentarsi di " abbastanza buono " non è mai un'opzione.

Dovresti sempre cogliere le opportunità che ti aiuteranno a superare la concorrenza.

Migliorare l'esperienza utente sul tuo sito web aumentando la velocità di caricamento è una di queste opportunità.

Pronto a fare il passo successivo? Allora veniamo a questo.

Come ridurre il tempo di caricamento del blog

Ora che abbiamo coperto il " perché " dell'ottimizzazione della velocità di caricamento della pagina, è il momento di parlare del " come. "

Se sai una o due cose sullo sviluppo web, l'esecuzione dei consigli mostrati in PageSpeed ​​Insights dovrebbe dare il via alla tua campagna di ottimizzazione del rendimento. Dovresti essere in grado di trovarli proprio sotto la sezione " Dati di laboratorio ".

• Salva

Naturalmente, i suggerimenti che riceverai su PageSpeed ​​Insights dipendono dallo stato generale del tuo sito web. La maggior parte dei consigli di ottimizzazione comuni, tuttavia, saranno inclusi nell'elenco di strategie che ho messo insieme di seguito.

Senza ulteriori indugi, ecco i passaggi comprovati per un blog molto più veloce e redditizio:

1. Rimuovere i plugin indesiderati

Le piattaforme di pubblicazione di blog e i sistemi di gestione dei contenuti come WordPress di solito supportano carichi di plugin pronti all'uso, che semplificano l'implementazione di tutti i tipi di funzionalità.

Puoi includere un widget di prenotazione online, creare moduli di attivazione personalizzati, creare pagine di destinazione impressionanti, senza scrivere una sola riga di codice per tutto il tempo. Usa la barra di ricerca integrata per trovare rapidamente un plug-in che soddisfi le tue esigenze.

• Salva

Parla di comodità.

Tuttavia, l'utilizzo di plugin può essere un'arma a doppio taglio.

Non puoi semplicemente caricare il tuo sito web con tutti i plugin che desideri.

Troppi plugin in una pagina possono consumare risorse del server e rallentare il tuo sito fino a una scansione.

Se non hai mai prestato molta attenzione alla tua libreria di plug-in, è probabile che tu abbia installato plug-in ridondanti con caratteristiche di base simili.

Penseresti che WordPress ti avvertirà se stai per installare più plugin dello stesso tipo.

Purtroppo, non è così.

Dai un'occhiata ai molti costruttori di moduli che posso inserire nella mia dashboard di WordPress:

• Salva

La buona notizia è che i conflitti tra plugin simili possono essere facilmente risolti disattivando quelli che non ti servono più.

Per farlo, espandi il menu "Plugin" dalla dashboard e vai a "Plugin installati". Da lì, seleziona tutti i plug-in che non ti servono e applica i comandi "Disattiva" o "Elimina" dal menu a discesa "Azioni in blocco".

• Salva

A parte i conflitti tra plugin simili, alcuni plugin, specialmente quelli non testati con la tua attuale versione di WordPress, potrebbero far andare in tilt la tua dashboard.

Puoi evitarlo installando un plug-in alla volta evitando i plug-in " non testati ".

• Salva

Se riscontri tempi di caricamento più lunghi, arresti anomali o altri problemi sulla dashboard di WordPress, disattiva l'ultimo plug-in che hai installato. Se il problema persiste, probabilmente è causato da un altro plug-in.

È allora che puoi disattivare tutti i plugin e attivarli uno per uno finché non trovi il colpevole. Una volta fatto, valuta la possibilità di cercare un plug-in alternativo o di aggiornarlo all'ultima versione.

2. Cerca plugin che fanno di più

Mentre siamo sui plugin, diamo una breve parola sulle scelte dei plugin.

In WordPress, meno plugin, meglio è.

Per quanto possibile, cerca plugin che possono indossare molti cappelli piuttosto che installarne uno nuovo per ogni funzione che desideri implementare.

Ad esempio, invece di utilizzare plug-in separati per moduli di contatto, valutazioni a stelle, recensioni e design della pagina di destinazione, utilizza un plug-in come Elementor Page Builder che riunisce tutte queste funzionalità in una.

• Salva

Dopo aver eliminato i plug-in in eccesso dal tuo CMS, diamo un'occhiata a un altro fattore che potrebbe rallentare il tuo sito web.

3. Aggiorna il tuo piano di hosting

Per i nuovi blogger, è davvero difficile resistere a un piano di hosting da un dollaro per il tuo sito web.

Ma una volta che inizi a generare centinaia, se non migliaia, di visitatori al mese, capirai perché le società di hosting offrono piani a questo prezzo.

Rallentamenti frequenti, tempi di inattività, scarsa assistenza clienti: questi sono alcuni degli svantaggi di scegliere una soluzione di web hosting economica. Ciò è principalmente dovuto al fatto che i servizi di hosting da un dollaro in genere utilizzano hardware server di base sottodimensionato.

"Se sei seriamente interessato ai blog, il tuo sito web merita qualcosa di meglio del piano di hosting più economico." - Ankit Singla

Fai le tue ricerche e cerca società di web hosting supportate da molte recensioni positive, come:

• BlueHost
• HostGator
• SiteGround
• WPXHosting

In caso di dubbio, puoi utilizzare uno strumento come Pickuphost per testare la velocità di qualsiasi host che stai considerando. Tutto quello che devi fare è scegliere il tuo provider di hosting dal menu a discesa, selezionare la posizione del server e fare clic su "Avvia test".

Idealmente, dovresti scegliere la posizione del server vicino al tuo pubblico di destinazione.

• Salva

Potresti anche notare che la maggior parte delle società di hosting offre più piani, inclusi quelli condivisi, Virtual Private Server o VPS e dedicati.

Per la maggior parte dei blog, un piano di hosting VPS dovrebbe essere più che sufficiente per gestire le esigenze di larghezza di banda del tuo sito web. Un piano di hosting condiviso, d'altra parte, può anche essere praticabile se non stai ancora ricevendo orde di traffico.

Consiglio di iniziare prima con un hosting condiviso e di passare a un piano basato su VPS una volta che il traffico del tuo blog aumenta.

Forse l'unico motivo per scegliere un hosting dedicato è se il tuo sito include anche un negozio online con centinaia di prodotti. In tal caso, anche un host VPS potrebbe non avere la capacità di larghezza di banda necessaria per mantenere attivo e funzionante il tuo negozio digitale.

4. Scegli un tema migliore

A proposito di larghezza di banda, puoi ridurre i requisiti di larghezza di banda del tuo sito web scegliendo un tema più semplice e minimalista.

Gli utenti di WordPress dovrebbero capire immediatamente di cosa sto parlando.

Dopotutto, la libreria di temi WordPress ha già diversi temi minimalisti gratuiti. Anche i designer di temi di terze parti presentano tonnellate di temi leggeri che possono migliorare le prestazioni del tuo sito web.

• Salva

La chiave qui è cercare temi che non siano costellati di dettagli visivi non necessari, come cursori di immagini, animazioni ed effetti CSS.

Puoi controllare tu stesso questi elementi visualizzando l'anteprima dei temi, che è una caratteristica fondamentale nella maggior parte dei mercati di temi, inclusa la directory dei temi di WordPress.

• Salva

I temi figlio Genesis di Studiopress sono tra i miei temi preferiti per WordPress. Offrono dozzine di temi minimalisti e ottimizzati per dispositivi mobili che sono anche compatibili con l' editor Gutenberg , che è l'editor di contenuti predefinito per WordPress versione 5.0 e successive.

Ancora più importante, questi temi ti aiuteranno a ottenere velocità di caricamento più elevate per il tuo sito.

Per saperne di più sui temi di Genesis e sui loro vantaggi, dovresti assolutamente dare un'occhiata a questa recensione.

5. Ottimizza le tue immagini

Non tutti gli elementi visivi che influiscono sulle prestazioni del tuo sito web sono integrati nel tuo tema.

Ogni immagine che carichi sul tuo sito web, che si tratti del logo del tuo sito web, delle immagini in primo piano, dei pulsanti o delle infografiche, aumenta i requisiti di larghezza di banda del tuo blog e quindi influisce sulle prestazioni.

Ma poiché il contenuto visivo è un must in ogni blog, non puoi nemmeno smettere di ravvivare i tuoi post con le immagini. Invece, puoi utilizzare uno strumento di compressione delle immagini come Kraken.io per ridurre le dimensioni delle tue immagini senza cambiamenti evidenti nella qualità.

• Salva

Kraken.io viene fornito con uno strumento di compressione senza perdita basato su cloud gratuito che può ottimizzare le immagini in blocco. È sufficiente trascinare e rilasciare le immagini nello strumento o caricare una cartella compressa per avviare il processo di compressione.

Non dimenticare di impostare la modalità di compressione su " Lossless " in modo che le immagini finali non sembrino sfocate.

• Salva

Per i blogger self-hosted, puoi aumentare la velocità di WordPress con un plug-in come WP Smush per comprimere tutte le immagini nella tua libreria multimediale in una volta. Per iniziare, fai clic su "Smush" dalla dashboard e su "Bulk Smush Now" .

• Salva

WP Smush ti dà anche la possibilità di comprimere automaticamente le immagini non appena vengono caricate. Per abilitare questa funzione, attiva "Smush automatico" nella sezione "Impostazioni" dell'interfaccia del plugin.

• Salva

Ricorda, la compressione delle immagini è solo una delle cose che dovresti fare se sei un fan dei contenuti visivi, proprio come me. Pertanto, ti esorto a leggere la mia guida dettagliata sull'ottimizzazione delle immagini e sulla SEO.

• Salva

6. Disabilitare l'hot linking

Anche con la compressione senza perdite in atto, le tue immagini possono ancora occupare le risorse del tuo server e rallentare il tuo sito a causa dell'hotlinking.

Questa è una pratica comune in cui un altro sito si collega direttamente alla tua immagine o file, consentendo loro di visualizzare queste risorse sulla propria pagina.

Certo, avere i tuoi contenuti condivisi su altri siti web è fantastico se fatto nel modo giusto. Ma con l'hotlinking, questi siti alla fine utilizzano la larghezza di banda che hai pagato estraendo i contenuti dal tuo sito.

Ecco perché l'hotlinking è anche comunemente indicato come furto di larghezza di banda .

Puoi interrompere l'hotlinking una volta per tutte aggiungendo il seguente codice al tuo "file .htaccess":

gzip su;

gzip_disable "msie6";

gzip_vary on;

gzip_proxied any;

gzip_comp_level 6;

gzip_buffers 16 8k;

gzip_http_version 1.1;

applicazione gzip_types / applicazione javascript / applicazione rss + xml / applicazione vnd.ms-fontobject / applicazione x-font / applicazione x-font-opentype / applicazione x-font-otf / applicazione x-font-truetype / applicazione x-font-ttf / applicazione x-javascript / xhtml + applicazione xml / carattere xml / carattere opentype / carattere otf / immagine ttf / svg + immagine xml / testo icona x / testo css / testo javascript / testo normale / xml;

Per coloro che non sanno dove trovare il file .htaccess del proprio sito Web, è possibile trovarlo sul pannello di controllo del proprio account di hosting.

Quello che devi fare è cercare il " file manager " del tuo servizio di hosting e accedere alla cartella principale del tuo sito web. Il tuo file .htaccess dovrebbe essere proprio lì con un'icona che assomiglia a un blocco note:

• Salva

7. Investire in una CDN

Hai finito con la compressione delle immagini e la prevenzione dell'hotlinking?

Buono.

E se ti dicessi che c'è un modo per caricare le tue immagini ancora più velocemente?

Con una Content Delivery Network o CDN, puoi sfruttare un'intera rete di server proxy per accelerare la velocità di trasferimento dei dati del tuo sito web agli utenti.

La parte migliore è che i fornitori di servizi CDN assicurano che i loro server siano distribuiti in posizioni chiave in tutto il mondo. Ciò riduce significativamente il problema della latenza che normalmente sperimentano i visitatori provenienti da aree distanti.

• Salva

Proprio come gli host web, devi stare attento quando scegli una CDN per il tuo blog.

Non preoccuparti: ho creato un elenco dei migliori servizi CDN per blog WordPress che puoi utilizzare.

Posso garantire personalmente per MaxCDN, che è di gran lunga tra i migliori CDN in termini di costi e funzionalità.

8. Minimizza i tuoi codici

Le tue immagini non sono le uniche cose che possono aumentare i requisiti di larghezza di banda del tuo sito web.

Anche codici come HTML, CSS e JavaScript possono contribuire alla dimensione delle tue pagine web.

La soluzione? Minimizzali rimuovendo tutti i caratteri non necessari all'interno del codice, come spazi bianchi, righe extra e commenti.

Questi caratteri non influiscono in alcun modo sulla funzione del codice, ma aumentano la dimensione del file. A loro volta, i browser impiegheranno più tempo per scaricare ed eseguire il codice durante il caricamento della pagina.

• Salva

Aspetta un minuto: significa che devi esaminare ogni codice sul tuo sito per rimuovere uno per uno i caratteri non necessari?

Calmati.

Proprio come con la compressione delle immagini, ci sono strumenti che puoi utilizzare per automatizzare questo processo.

Minify Code, ad esempio, è uno strumento gratuito che può tagliare i tuoi codici in pochi secondi. Funziona con qualsiasi file JavaScript, CSS e HTML che potresti avere sul tuo sito web.

• Salva

Se usi WordPress, un'alternativa è usare un plugin come W3 Total Cache, che può minimizzare le tue risorse di codice in un colpo solo.

Una volta installato, fare clic su "Prestazioni" dalla dashboard principale e fare clic su "Riduci a icona" per visualizzare le opzioni.

• Salva

Consiglio di attivare le seguenti impostazioni per ottimizzare il codice del tuo sito web per migliorare le prestazioni:

• Impostazioni di minimizzazione HTML
• Impostazioni minify JS
• Impostazioni di minimizzazione CSS

• Salva

Leggi questo tutorial W3 Total Cache per tutte le impostazioni ottimali.

9. Evita le risorse che bloccano il rendering

Dato che siamo in tema di codici, approfondiamo cose più avanzate.

Se hai eseguito PageSpeed ​​Insights e ti è stato detto di "eliminare le risorse che bloccano il rendering", potresti dover sporcarti le mani con un po 'di codice per massimizzare le prestazioni del tuo blog.

• Salva

In poche parole, le risorse che bloccano il rendering sono codici che ostacolano il caricamento del contenuto HTML principale di un sito web. Ciò significa che il tuo logo, menu, post e altri elementi essenziali della tua pagina non verranno caricati a meno che non vengano caricate le risorse problematiche.

Le risorse che bloccano il rendering possono essere fogli di stile, importazioni HTML e vari script. PageSpeed ​​Insights dovrebbe fornirti un elenco completo di questi codici:

• Salva

Per gestire le risorse che bloccano la visualizzazione, il passaggio più semplice è spostare JavaScript in fondo all'HTML del tuo sito web, subito prima del tag di chiusura "</body>".

È inoltre possibile utilizzare l'attributo "defer" per caricare lo script solo dopo che l'HTML è stato completamente caricato. Questo può essere fatto inserendo defer = "defer" all'interno del tag "<script>".

• Salva

Dai un'occhiata a questo post per ulteriori informazioni sulle risorse che bloccano il rendering e su cosa puoi fare per ottimizzarle.

Naturalmente, puoi sempre ottenere aiuto da uno sviluppatore web se non ti senti a tuo agio a lavorare con i codici. In alternativa, puoi utilizzare un plug-in come Autoptimize per rimandare automaticamente gli script al piè di pagina del tuo sito Web, un altro plug-in di ottimizzazione della velocità di WordPress che rende il tuo lavoro cento volte più facile.

• Salva

10. Riduci il numero di post sulla tua home page

Successivamente, parliamo del numero di post visualizzati sulla tua home page.

CMS come WordPress e le piattaforme di pubblicazione di blog spesso hanno una pletora di temi che mostrano i post del blog sin dall'inizio.

Se utilizzi immagini in primo piano di alta qualità per ogni post, gli utenti avranno inevitabilmente bisogno di più tempo per caricare la tua home page.

Personalmente mostro solo quattro post sulla mia homepage per buona misura:

• Salva

Certo, i browser possono visualizzare i titoli dei post del tuo blog, a volte includendo una descrizione o le prime righe del contenuto, durante il caricamento delle immagini. Ma ciò diminuisce comunque la fluidità complessiva dell'esperienza utente sul tuo sito web.

Tra i lati positivi, la maggior parte delle piattaforme di siti Web e CMS ti consentono di ridurre il numero di post visualizzati sulla tua home page.

Poiché le impostazioni che devi modificare per questo variano da piattaforma a piattaforma, diamo solo un'occhiata a come è fatto su WordPress.

Dalla dashboard principale, fai clic su "Impostazioni" e vai alla sezione "Lettura" .

• Salva

Dovresti vedere immediatamente l'impostazione " Mostra al massimo le pagine del blog ". Sentiti libero di modificare il valore predefinito su un numero più piccolo e controlla se questo migliora la velocità di caricamento del tuo sito web.

• Salva

11. Non inondare i lettori di annunci

Sebbene le anteprime dei post sulla tua home page possano influire negativamente sulla velocità di caricamento, almeno hanno un vantaggio positivo sull'esperienza dei tuoi lettori.

Gli annunci, tuttavia, spesso non lo fanno.

Sebbene sia vero che gli annunci sono sicuramente utili per monetizzare un blog, i tuoi lettori probabilmente non lo apprezzeranno se interrompi la loro esperienza con diversi annunci su una singola pagina. Ancora più importante, la creazione di annunci in ogni angolo del tuo sito web causerà un calo delle sue prestazioni.

• Salva

Detto questo, è meglio se lasci che il tuo pubblico si concentri sugli elementi importanti del tuo blog e mantieni gli annunci al minimo.

Io, per esempio, non sono disposto a compromettere l'esperienza dei miei lettori per il bene di entrate extra, come puoi vedere sul mio sito web con annunci assolutamente zero.

• Salva

Se fossi in te, darei la priorità ai link di affiliazione come strategia di monetizzazione principale. Si tratta di collegamenti contestuali che puntano a prodotti o servizi che possono essere utili agli utenti.

Come guadagni con il marketing di affiliazione?

Buona domanda.

Puoi fare riferimento alla mia guida al marketing di affiliazione se sei interessato.

12. Pulisci il tuo server

A questo punto, dovresti aver già capito la correlazione tra la velocità di caricamento e la quantità di disordine sul tuo sito web.

È davvero semplice: se mantieni il tuo blog minimalista e leggero, i browser non impiegheranno molto tempo per caricare e presentare tutto agli utenti.

Sii sempre prudente quando aggiungi più elementi al tuo sito web, che si tratti di contenuti visivi, script o annunci. Allo stesso tempo, assicurati che il tuo account di hosting abbia ancora un ampio spazio su disco per mantenere il tuo sito web senza intoppi.

Il tuo account di hosting dovrebbe avere uno strumento integrato che ti consenta di monitorare l'utilizzo complessivo del disco. Per darti un'idea, ecco uno screenshot dello strumento di utilizzo dello spazio su disco di SiteGround:

• Salva

Se il tuo account di hosting sta esaurendo lo spazio, ecco alcune delle cose che puoi fare:

• Spostare i backup su un'unità locale
  I siti Web più vecchi tendono ad avere gigabyte di backup archiviati nel loro server di hosting. Scaricarli in un'unità locale ed eliminarli dal server è un ottimo modo per liberare spazio.
• Elimina account inattivi
  Se hai account inattivi nel tuo piano di hosting in giro, rimuovili definitivamente per risparmiare molto spazio su disco. Poiché si tratta di un processo irreversibile, valuta la possibilità di creare un backup locale dell'account prima dell'eliminazione.
• Elimina file .TMP
  La piattaforma del tuo sito web o CMS può generare file temporanei da attività come aggiornamenti di plugin e monitoraggio dei dati di sessione. Dovrebbe essere sicuro eliminarli, ma non farà male creare un backup offline della cartella "tmp" per motivi di sicurezza.

In caso di dubbio, contatta l'assistenza clienti del tuo provider di servizi di hosting per sapere come risparmiare spazio su disco.

13. Abilita la memorizzazione nella cache del sito web

Comprimere immagini, minimizzare il codice, minimizzare gli annunci, cancellare il tuo account di hosting: la velocità di caricamento del tuo sito web dovrebbe essere più veloce che mai con queste strategie.

Ma non rilassarti ancora. Abbiamo ancora alcune altre strategie da discutere che aumenteranno ulteriormente la velocità di caricamento del tuo sito web.

Con la memorizzazione nella cache del sito Web, il tuo blog può essere caricato quasi istantaneamente per i visitatori di ritorno.

La memorizzazione nella cache del sito Web consente l'archiviazione temporanea di dati, inclusi script, immagini, file multimediali e altre forme di contenuto scaricabile, riducendo così il numero di richieste HTTP che un browser deve effettuare.

Per implementare la memorizzazione nella cache del sito Web, il metodo lungo consiste nell'inserire il seguente codice nella parte superiore del file .htaccess del sito Web:

## SCADE CACHING ##

<IfModule mod_expires.c>

ExpiresActive On

ExpiresByType image / jpg "accesso 1 anno"

ExpiresByType image / jpeg "accesso 1 anno"

ExpiresByType image / gif "accesso 1 anno"

ExpiresByType image / png "accesso 1 anno"

ExpiresByType text / css "accesso 1 mese"

ExpiresByType text / html "accesso 1 mese"

ExpiresByType application / pdf "accesso 1 mese"

ExpiresByType text / x-javascript "accesso 1 mese"

Applicazione ExpiresByType / x-shockwave-flash "accesso 1 mese"

ExpiresByType image / x-icon "accesso 1 anno"

ExpiresDefault "accesso 1 mese"

</IfModule>

## SCADE CACHING ##

Se lo desideri, puoi impostare diversi limiti di tempo prima della scadenza di determinate cache. Ad esempio, se desideri ridurre il tempo di scadenza delle cache di immagini PNG a 1 mese, modifica semplicemente la riga "ExpiresByType image / png" in:

ExpiresByType image / png "accesso 1 mese "

Ancora una volta, gli utenti di WordPress possono utilizzare strumenti per rendere questa strategia di ottimizzazione un gioco da ragazzi. In effetti, abbiamo già esaminato il plug-in di cui hai bisogno: W3 Total Cache.

Tornando al sottomenu "Prestazioni" dalla dashboard di WordPress, vai su "Cache della pagina" e seleziona la casella di controllo "Cache della pagina dei post" .

• Salva

14. Utilizzare la compressione GZIP

Prima di chiudere W3 Total Cache e procedere con le ultime strategie rimanenti in questa guida, c'è un'altra cosa che dovresti fare.

Dal sottomenu "Prestazioni" , vai a "Cache del browser" e seleziona l'opzione "Abilita compressione HTTP (gzip)" .

• Salva

La compressione GZIP migliora la velocità di download dei file basati su testo riducendone le dimensioni, non troppo diversa dal processo di compressione dei file locali in una cartella compressa. Il motivo principale per cui la compressione GZIP è ampiamente adottata per l'ottimizzazione della velocità del sito Web è che è supportata nativamente da HTTP dalla versione 1.1 in poi.

Se non utilizzi WordPress o qualsiasi altra piattaforma con componenti aggiuntivi relativi a GZIP, dovrai abilitarlo utilizzando il modo tradizionale: modificando il file .htaccess del tuo sito web .

Poiché sai già dove trovare il tuo file .htaccess, tutto ciò che resta è il codice che attiva la compressione GZIP sul tuo sito web.

Vai - copia e incolla.

Server Apache

<IfModule mod_deflate.c>

# Comprimi HTML, CSS, JavaScript, testo, XML e caratteri

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

# Rimuovi i bug del browser (necessario solo per i browser molto vecchi)

BrowserMatch ^ Mozilla / 4 gzip-only-text / html

BrowserMatch ^ Mozilla / 4 \ .0 [678] no-gzip

BrowserMatch \ bMSIE! No-gzip! Gzip-only-text / html

Aggiunta intestazione Vary User-Agent

</IfModule>

Server NGINX

gzip su;

gzip_disable "msie6";

gzip_vary on;

gzip_proxied any;

gzip_comp_level 6;

gzip_buffers 16 8k;

gzip_http_version 1.1;

applicazione gzip_types / applicazione javascript / applicazione rss + xml / applicazione vnd.ms-fontobject / applicazione x-font / applicazione x-font-opentype / applicazione x-font-otf / applicazione x-font-truetype / applicazione x-font-ttf / applicazione x-javascript / xhtml + applicazione xml / carattere xml / carattere opentype / carattere otf / immagine ttf / svg + immagine xml / testo icona x / testo css / testo javascript / testo normale / xml;

Tieni presente che, per gli utenti NGINX, devi incollare il codice nel tuo file ".conf" per implementare GZIP.

Test della compressione GZIP

Se hai abilitato la compressione GZIP manualmente, utilizza uno strumento come il test di compressione GZIP di GiftOfSpeed ​​per verificare la corretta implementazione.

Analogamente a PageSpeed ​​Insights, l'unico passaggio per utilizzare il test di compressione GZIP è inserire l'URL del tuo sito web e fare clic sul pulsante "Verifica" .

• Salva

In pochi secondi, lo strumento dovrebbe verificare se la compressione GZIP è attivata o meno sul tuo sito web. Ti mostrerà anche la sua percentuale di compressione, insieme alle sue dimensioni prima e dopo la compressione.

• Salva

15. Ottimizza il database del tuo sito web

La correzione delle risorse che bloccano il rendering e l'abilitazione della compressione GZIP sono tra le strategie più avanzate in questo post, ma non abbiamo ancora finito.

Il passaggio successivo consiste nell'ottimizzazione delle tabelle del database MySQL per consentire al server di recuperare i dati di cui gli utenti hanno bisogno più rapidamente.

Cosa sono le tabelle del database MySQL?

In termini semplici, il tuo database MySQL contiene praticamente tutto ciò che c'è da trovare sul tuo sito web, inclusi post, commenti, date e altri contenuti. Le piattaforme di pubblicazione di blog e CMS come WordPress creano quindi automaticamente tabelle nel tuo database man mano che aggiungi ulteriori informazioni al tuo sito.

Ecco come appare un database MySQL:

• Salva

Tuttavia, il tuo database accumulerà anche tutti i tipi di spazzatura nel tempo, inclusi pingback, commenti spam e revisioni dei post, crescendo costantemente di dimensioni e influenzando le prestazioni del tuo sito web.

Per liberare il tuo database MySQL, un'opzione è utilizzare lo strumento di ottimizzazione delle tabelle integrato sul pannello di controllo del tuo account di hosting.

SiteGround, ad esempio, ha il comando "Ottimizza tabelle" dal menu a discesa "Con selezionato:" .

• Salva

Queste opzioni possono essere trovate nello strumento "phpMyAdmin", che dovrebbe essere nella sezione "Database" del tuo pannello di controllo.

• Salva

Come regola generale, creare sempre backup dei database prima di eseguire le ottimizzazioni. Scaricali in un'unità locale per salvare lo spazio su disco del tuo account di hosting.

Temi di poter rovinare qualcosa sul tuo server?

Con un plugin WordPress come WP-Sweep, puoi ottimizzare le tabelle del database dall'interfaccia CMS. Dopo aver installato e attivato il plug-in, vai su "Strumenti" e fai clic su "Sweep" per visualizzare le tabelle del database trovate sul tuo sito.

• Salva

Da lì, puoi fare clic su "Sweep" per i singoli elementi del database per eliminarli oppure scorrere fino alla fine della pagina del plug-in e fare clic su "Sweep All".

• Salva

Assicurati solo di non avere alcuna bozza di post poiché anche uno sweep completo delle tabelle del database le eliminerà. Già che ci sei, controlla i tuoi commenti non approvati in modo da non rimuovere accidentalmente domande, feedback preziosi e altre preoccupazioni espresse dai tuoi lettori.

16. Ottimizza i commenti degli utenti

Parlando di commenti, i blog di WordPress hanno anche una comoda funzione che può richiamare istantaneamente la foto del profilo del commentatore tramite il servizio Gravatar o Avatar riconosciuto a livello globale .

Sebbene i gravatar aggiungano un bel tocco alla sezione dei commenti del tuo blog, hanno un impatto sulla velocità di caricamento del tuo sito web. Ciò costringe alcuni blogger di WordPress a disabilitare del tutto la visualizzazione.

Per fare lo stesso, vai su "Impostazioni", quindi fai clic su "Discussione". Cercare la 'Mostra Avatar' optionbelow sezione “Avatar Display” e deselezionare esso.

• Salva

Se vuoi mantenere i gravatar ma non ti piace il loro effetto sulla velocità di caricamento, puoi utilizzare un plugin come BJ Lazy Load per caricare gli avatar dopo le risorse critiche del sito web, un processo noto come caricamento lento .

Oltre agli avatar, puoi anche abilitare il caricamento lento per miniature dei post, immagini, iframe e altri tipi di contenuto. Devi semplicemente andare su "Impostazioni", selezionare "BJ Lazy Load" e scegliere "Sì" sulle opzioni che desideri utilizzare.

• Salva

Per quanto riguarda i commenti di WordPress, un altro suggerimento su come aumentare la velocità di caricamento della pagina è utilizzare l' impaginazione . Questo divide i commenti sui tuoi post in più pagine, riducendo il tempo necessario ai browser per caricarli e visualizzarli.

Per utilizzare l'impaginazione, torna semplicemente alla pagina delle impostazioni "Discussione" e attiva l'opzione "Rompi i commenti in pagine con X commenti di primo livello per pagina".

• Salva

Prova a ridurre il numero di commenti visibili per pagina dal valore predefinito di 50 a circa 10. Ciò dovrebbe migliorare notevolmente il tempo di caricamento dei commenti e, a sua volta, il contenuto del tuo blog.

17. Focalizza l'ottimizzazione sulle tue pagine principali

Prima di concludere questo post, ecco un ultimo consiglio:

Inizia a ottimizzare le prestazioni delle tue pagine più popolari .

Non avrà senso dare la priorità ai post che ricevono a malapena traffico. D'altro canto, rendere le pagine principali una priorità significa che i tuoi sforzi andranno a vantaggio della maggior parte degli utenti.

Google Analytics è un altro strumento gratuito che ti aiuterà a identificare le tue pagine principali. Espandi semplicemente il sottomenu "Comportamento" e fai clic su "Panoramica" .

Le prime 10 pagine dovrebbero essere visibili nella sezione "Pagina".

• Salva

Facile, vero?

Puoi anche utilizzare Google Analytics per eseguire ricerche approfondite sulle parole chiave, un argomento che ho discusso nel mio post su come trovare le tue parole chiave con il rendimento migliore con Google Analytics.

Conclusione

In qualità di blogger, dovresti essere pronto a fare qualsiasi cosa per il bene dell'esperienza utente.

La velocità di caricamento del tuo sito web può sembrare un fattore superficiale, ma da sola può creare o distruggere il successo del tuo blog, non solo dal punto di vista dell'UX, ma anche in termini di SEO.

Ora, so che non sarai in grado di applicare tutte le strategie di cui sopra in un solo giorno. Detto questo, non dimenticare di aggiungere questa pagina ai segnalibri e unisciti al nostro gruppo Facebook pubblico per ulteriori guide di blog killer!

• Salva