Come accelerare il tuo sito Web

Se sei un principiante e nuovo proprietario del sito web, nella maggior parte dei casi non si ha intenzione di preoccuparsi di velocità del sito web.

Dopo aver creato il tuo sito web o avviato il tuo blog, potrebbe sembrare che tutto sia a posto. Il tuo sito è bello, quindi questo deve significare che le persone non avranno alcun problema ad aspettare un paio di secondi in più per lasciarlo caricare correttamente, giusto?

No, non è così.

Secondo la ricerca di Google, più tempo ci vuole per caricare una pagina, più persone abbandonerebbero un sito web.

Inoltre, Google ha introdotto Web Core Vitals (che conta come un fattore di classifica per i siti Web) che entra ancora più in dettaglio quando si tratta della velocità di caricamento dei siti web. Più veloce è il tuo sito web, migliori sono le tue possibilità di accedere alla prima pagina dei risultati di ricerca di Google.

14 passi per migliorare la velocità del sito web

• Passo 1: Eseguire un test di velocità
• Passo 2: Ottenere un hosting web veloce e affidabile
• Passo 3: Implementare un servizio CDN (Content Delivery Network)
• Passo 4: Minimizzare i file CSS e JavaScript
• Passo 5: Attivare la memorizzazione nella cache del browser
• Passo 6: Ottimizzare e pulire il database di WordPress
• Step 7: Uso ottimizzato/premium e semplici temi
• Passo 8: Ottimizzare tutte le immagini sul vostro sito web
• Passo 9: Pigro caricare immagini e video
• Passo 10: Impedire che l’immagine hotlinking
• Passo 11: Ospitare i video su servizi 3rd party e scaricare grandi media
• Passo 12: Mantenere i plugin minimo/trovare il plugin che stanno rallentando
• Passo 13: Controllo reindirizza sul tuo sito web
• Passo 14: Ottimizza il contenuto (usa estratti, dividi articoli e commenti lunghi, ecc)

Passo 1: Eseguire un test di velocità

Prima di fare qualsiasi cosa, è importante condurre un test corretto. Anche se si può fare molto anche senza uno, vi consiglio vivamente di eseguire almeno un test di velocità in modo da avere un punto di riferimento che vi aiuterà a capire quanto bene il vostro sito esegue, e quanto è buono il risultato è dopo aver terminato tutte le fasi di miglioramento.

Strumenti gratuiti

Fortunatamente, ci sono test di velocità gratuiti disponibili per chiunque. Devi solo sceglierne uno, inserire il tuo URL e lasciare che lo strumento esegua la sua magia.

Google PageSpeed Insights

Poiché la maggior parte delle persone ottimizza il proprio sito per Google, il primo strumento che menzionerò è PageSpeed Insights di Google. È abbastanza semplice e puoi avere il risultato in pochi secondi.

1. Apri Google PageSpeed Insights.
2. Inserisci l’URL del tuo sito.
3. Fare clic sul pulsante “Analizza”.

Nel mio caso, ci sono voluti solo 10-15sec per completare il test e mostrarmi i risultati condivisi nello screenshot qui sotto.

Dopo aver visto il numero verde in cima dove si mira a ottenere un punteggio di 100, ci saranno diversi altri segmenti che si desidera esaminare. Quelli sono:

• Primo Contentful Paint (FCP)
• Più grande Contentful Paint (LCP)
• Cumulative Layout Shift (CLS)

Tutti e tre gli elementi fanno parte dei parametri vitali del Web che ora sono inclusi nelle metriche principali di Google che mostreranno quanto è veloce o lento il tuo sito. Puoi saperne di più sui vitals Web nella nostra guida su come ottimizzare il tuo sito mobile.

GTmetrix

Uno dei test di velocità del sito web più popolari è GTmetrix. E ‘ completamente gratuito, e può essere fatto in meno di un minuto:

1. Vai a GTmetrix.
2. Inserisci l’URL completo del tuo sito.
3. Premi il pulsante” Esegui test ” e attendi circa 30 secondi.

Dopo di che, si otterrà un grado che vi mostrerà quanto velocemente il vostro sito web è. Il test ti mostrerà anche dettagli come le prestazioni del tuo sito, la sua struttura, così come i parametri vitali del web che ora sono un fattore di ranking fondamentale per Google.

Se non hai già lavorato attivamente per ottimizzare il tuo sito per la velocità, è probabile che non otterrai un punteggio perfetto. Ma non preoccuparti, puoi lavorare per questo se inizi a seguire tutti i passaggi.

Passo 2: Ottenere veloce e affidabile web hosting

Un sito web veloce inizia con un buon hosting. Non importa quanto duramente cerchi di offrire la migliore esperienza utente, se il tuo hosting fa schifo, la velocità del tuo sito web ne risentirà.

Le migliori società di hosting si prendono cura di tutto, e non è necessario che tu capisca cosa succede a porte chiuse. Dalla qualità e dall’hardware ben mantenuto ai componenti software regolarmente aggiornati, c’è molto che un servizio di hosting può fare per migliorare la velocità del tuo sito.

Per iniziare nel modo giusto, ottieni il tuo sito ospitato con Bluehost, una delle rare società di hosting ufficialmente raccomandate da WordPress.org. Anni di esperienza e milioni di siti web ospitati rendono questa società di hosting uno dei migliori nel loro campo – qualcosa che si tradurrà facilmente in avere un sito web robusto.

Fase 3: Implementare un servizio CDN (Content Delivery Network)

Il nostro mondo è un posto grande. Sebbene la velocità di Internet sia migliorata drasticamente nel corso degli anni, la distanza fisica tra computer e server gioca ancora un ruolo significativo nella velocità online. Ciò significa che il caricamento delle informazioni da un server dal tuo paese sarà generalmente più veloce del caricamento dei dati da tutto il mondo, proprio come è più facile per te acquistare un tavolino da IKEA nella tua città invece di dover guidare per ottenerne uno in un altro paese.

È qui che entrano in gioco le reti di distribuzione dei contenuti. Ti permettono di avere il tuo sito web ospitato su diversi server in tutto il mondo. CDN può riconoscere la posizione più vicina a ogni singolo caricamento del sito e caricare il contenuto dal server più vicino. Quindi, se un visitatore tenta di caricare il tuo sito dagli Stati Uniti, otterrà il contenuto da uno dei server USA, mentre qualcuno proveniente dall’Europa caricherà il tuo sito tramite un server situato vicino a loro, ad esempio a Londra.

Se stai ospitando il sito su Bluehost, puoi trovare il loro CDN TrueSpeed all’interno del pannello di controllo. Semplicemente impostandolo, il tuo sito diventerà globale e verrà caricato più velocemente da persone di tutto il mondo.

È inoltre possibile ottenere servizi CDN 3rd party. Il più popolare CDN sono:

• Cloudflare
• KeyCDN
• StackPath
• Google Cloud CDN
• Rackspace
• CacheFly
• Amazon CloudFront

Passo 4: Minify file CSS e JavaScript

siti web Moderni sono pieni di file CSS e JavaScript che lavorano insieme per mantenere le pagine web alla ricerca di nizza e di lavoro degli utenti favore. Riga dopo riga di codice rende quei file inutilmente grandi, che possono rallentare rapidamente il tuo sito.

Web designer (le stesse persone che stanno costruendo i modelli che si finisce per l’acquisto) piace mantenere il loro codice pulito. Ciò significa che mantengono il codice bello e facilmente comprensibile. Tuttavia, avere quegli spazi bianchi, linee extra e caratteri aumenta solo il peso del file, che può essere facilmente ridotto minimizzando.

Ecco un esempio di semplice codice CSS:

Può minificato in questo:

Anche se questa semplice differenza non avrà un impatto significativo sul tuo sito, immagina cosa succede quando hai migliaia e migliaia di spazi e linee bianche non necessarie.

Fortunatamente, per ridurre al minimo i file CSS e JavaScript non è necessario passare attraverso il codice e apportare le modifiche da soli. Ci sono plugin che lo faranno automaticamente per te e assicureranno che tutto funzioni correttamente:

Passo 5: Abilita il caching del browser

Abilitando il caching del browser, consenti che il contenuto venga memorizzato nei browser delle persone. Ciò significa che se un visitatore decide di tornare al tuo sito, non dovrà scaricare nuovamente tutti i file dal server poiché li ha già memorizzati nel browser.

La cache del browser può migliorare significativamente la velocità del tuo sito web per gli utenti di ritorno.

Per abilitare questo sul tuo sito, tutto ciò che serve è un plugin WordPress gratuito come:

• W3 Total Cache
• WP Fastest Cache
• WP Super Cache

Se si utilizza W3 Total Cache, per esempio, tutto quello che dovete fare è installare il plugin:

Il plugin imposterà automaticamente le impostazioni di caching e saranno immediatamente iniziare a lavorare a tuo favore. Se decidi di entrare in maggiori dettagli, puoi aprire la scheda Prestazioni che ora è visibile sul lato sinistro del menu WordPress dove sono visibili tutte le impostazioni del plugin. Qui, è possibile modificare altre opzioni, se necessario.

Passo 6: Ottimizzare e pulire il database di WordPress

Il tuo sito web WordPress non può funzionare senza un database. Tutto ciò che fai e hai sul sito è memorizzato lì. Come puoi immaginare, i temi e i plugin non sempre lo mantengono pulito, quindi anche se disinstalli un plugin specifico, lascerà alcuni dati nel tuo database. Nel corso del tempo, il database diventerà ingombra e inefficiente che si tradurrà in un sito web lento.

Sebbene sia possibile ripulire il database manualmente, ciò significherebbe che devi capire come funziona. E anche se lo fai, è probabile che si potrebbe ancora rovinare tutto.

Fortunatamente, sono disponibili plugin WordPress gratuiti che ottimizzeranno e puliranno il database per te. Tuttavia, prima di fare qualsiasi cosa, assicurarsi di creare un backup completo del tuo sito web o avere un modo di annullare le modifiche. Anche se WP-Optimize è un plugin ben noto e sicuro, la modifica diretta di un database a volte può andare storto.

Quindi, nel caso in cui qualcosa vada storto, suggerisco il reset WP. Questo plugin creerà un’istantanea del tuo sito e ti permetterà di ripristinare rapidamente tutte le modifiche apportate. Così, nel caso in cui qualcosa va storto, è possibile ripristinare il database in un paio di minuti, al contrario di ripristinare un backup completo che può richiedere più tempo.

Passo 7: Usa temi ottimizzati/premium e semplici

I modelli e i temi non sono solo visivi. Per crearli, i web designer devono codificare funzionalità, opzioni e inserire immagini che si combinano in un unico tema di lavoro.

Come puoi immaginare, un modello che carica cinque file e tre immagini, ad esempio, caricherà molto più velocemente di quello che viene fornito con dieci file e venti immagini. Il numero puro non è l’unico fattore importante, ma quanto bene tutto è ottimizzato viene in considerazione pure.

Dal momento che ci sono così tanti temi WordPress e modelli disponibili, è difficile determinare i migliori. Qui ci sono alcuni temi WordPress che sono progettati per guardare bene e caricare rapidamente:

• Ciao Elementor
• Astra
• GeneratePress
• OceanWP
• Sydney

Passo 8: Ottimizzare tutte le immagini sul vostro sito web

le Immagini possono diventare uno dei principali problemi di velocità del tuo sito. Le immagini non ottimizzate rimarranno inutilmente grandi e difficili da scaricare. Se ne usi troppi, gli utenti avranno difficoltà a caricare l’intera pagina del tuo sito web e probabilmente finiranno per andarsene prima di vedere il contenuto.

Fortunatamente, non è così difficile mantenere le immagini ottimizzate. È importante esaminare il tema / modello per sapere quali dimensioni dell’immagine sono necessarie. È quindi possibile prendersi cura dell’immagine prima di caricarla ridimensionando le sue dimensioni e modificando le impostazioni di qualità.

Se hai solo bisogno di ottimizzare un paio di immagini, puoi utilizzare un servizio di terze parti come TinyPNG. Questo strumento di ottimizzazione delle immagini vi permetterà di caricare le immagini di origine, e sarà quindi ottimizzato automaticamente. Basta trascinare & rilasciare le immagini e lasciare che il Panda faccia la sua magia. Potrai quindi scaricare le versioni ottimizzate delle tue immagini che puoi tranquillamente mettere sul tuo sito web.

Se hai già un sito web attivo e non hai il tempo di ottimizzare le immagini una alla volta, c’è un plugin freemium che risolverà tutti i tuoi problemi. ShortPixel Image Optimizer si prenderà cura di tutte le immagini che sono disponibili nella libreria multimediale. Funziona alla grande anche con NextGen, Foo Gallery, così come altri plugin galleria e slider.

La versione gratuita consente di gestire fino a un centinaio di immagini. Alcune delle caratteristiche includono:

• Ottimizzazione delle dimensioni e della qualità delle immagini.
• Conversione di formati in un altro.
• Funziona con WebP e AVIF.

Tutto quello che dovete fare è installare il plugin e personalizzare le impostazioni nel modo desiderato. Scegli la compressione che ti serve, imposta la dimensione delle immagini e premi il pulsante quando sei pronto per il plugin per avviare il processo di ottimizzazione.

Passo 9: Lazy load images and videos

Di solito, quando un utente apre un sito web, l’intero contenuto che dovrebbe essere visualizzato inizia a caricarsi automaticamente. Quindi, anche se un utente ha bisogno solo del contenuto above the fold, avrebbe comunque caricato tutto ciò che è disponibile su quella pagina.

Invece, caricando immagini e video pigri, puoi far caricare agli utenti solo contenuti visibili sullo schermo. Una volta che l’utente inizia a scorrere, le immagini e i video che si muovono nell’area visibile dello schermo inizieranno a caricarsi. In questo modo, l’intero sito verrà caricato più velocemente e consentirà una migliore esperienza utente.

Come abilitare il caricamento pigro in WordPress:

Passo 10: Prevenire hotlinking immagine

Hotlinking è un’azione che comporta la copia della fonte di un’immagine da un sito web per utilizzarlo su un altro. Mentre l’immagine verrà mostrata senza problemi, in realtà non viene caricata dal tuo server. Invece, utilizza tutte le risorse del sito originale, ed è in realtà considerato illegale.

Impedendo l’hotlinking, puoi impedire ad altre persone di rubare le tue immagini. In questo modo, stai risparmiando risorse sul tuo servizio di hosting, il che significa che il tuo sito sarà l’unico a utilizzare tali risorse, il che si traduce in un sito Web più veloce per i tuoi visitatori.

Esistono diversi modi per prevenire l’hotlinking:

• Utilizzo di una CDN: i CDN più popolari come Cloudflare e KeyCDN hanno già attivato la protezione hotlinking.
• Utilizzo dei plugin di sicurezza: All In One WP Security & Firewall plugin consente di avere il controllo su hotlinking.
• Disabilitare il tasto destro del mouse sulle immagini: utilizzare un plugin come Prevenire il furto di contenuti .
• Modifica .file htaccess: gli utenti più avanzati possono disattivare hotlinking direttamente modificando il codice nel .file htaccess.

Passo 11: Ospita video su servizi di terze parti e scarica file multimediali di grandi dimensioni

Quando avvii un sito web, ha senso avere tutti i tuoi video e file multimediali di grandi dimensioni sul tuo server. Tuttavia, ciò che potrebbe mancare è che la memorizzazione e la riproduzione di file di grandi dimensioni richiede risorse del server. Quando si tratta della velocità del tuo sito, è molto più conveniente scaricare video e file multimediali di grandi dimensioni su servizi 3rd party per risparmiare larghezza di banda.

Un video caricato da YouTube funzionerà altrettanto bene (se non meglio) di quanto caricato dal tuo server. E se si dispone di traffico più elevato, questo significa il minore impatto sulla larghezza di banda che si traduce in un sito più veloce.

Quando si tratta di video, puoi ospitarli su:

• YouTube;
• Vimeo; o
• Wistia.

Passo 12: Mantieni i plugin al minimo/trova i plugin che ti stanno rallentando

Ogni plugin migliora il tuo sito web. Tuttavia, ogni nuova funzionalità significa anche nuovi file che occupano spazio e larghezza di banda. Inoltre, non tutti i plugin sono codificati allo stesso modo, quindi è probabile che tu abbia un plugin che rallenta il tuo sito caricando elementi non necessari di cui potresti anche non essere a conoscenza.

Prima di iniziare a disabilitare tutti i plugin, ti suggerisco di fare un test di velocità.

Questo plugin eseguirà alcuni test sul tuo sito web e ti mostrerà un grafico e dettagli. Quello che ti interessa qui è la scheda “Runtime by Plugin” che disegnerà un grafico che mostra tutti i tuoi plugin attivi e il loro impatto sul sito.

Controlla i “pezzi di torta” più grandi sul tuo grafico che mostra i plugin che sono i più lenti sul tuo sito. Si noti che questo non significa che si deve sbarazzarsi di quel plugin specifico.

Questo test ti permetterà di analizzare tutti i tuoi componenti aggiuntivi, in modo da poter valutare i pro ei contro e decidere quali plug-in lenti puoi disinstallare o trovare un’alternativa.

Passo 13: Controlla i reindirizzamenti sul tuo sito web

Avere reindirizzamenti migliora l’esperienza utente e può persino migliorare il tuo SEO se fatto correttamente. Avere reindirizzamenti attivi non avrà un impatto negativo sul tuo sito. Tuttavia, con ogni reindirizzamento, il tuo sito diventa un po ‘ più lento. Quindi, se finisci per avere troppi reindirizzamenti (creando una cosiddetta catena di reindirizzamento), i millisecondi si sommeranno e il tuo sito diventerà più lento.

Uno degli strumenti più popolari per la gestione dei reindirizzamenti è Screaming Frog. È inoltre possibile controllare:

• Redirect Checker
• Sitebulb
• Deepcrawl

Installando il software o eseguendo una scansione online (a seconda dello strumento scelto), sarai in grado di eseguire la scansione del tuo sito web. Ti mostrerà un’analisi dettagliata del sito Web e ti mostrerà rapidamente gli URL reindirizzati. Dal momento che solo sapere che un URL viene reindirizzato non ha molto senso, amerai la funzione che ti mostra la fonte di un reindirizzamento. Questo ti aiuterà a capire il tuo sito web e ti permetterà di agire sui reindirizzamenti rimuovendo quelli che non sono necessari.

Se trovi una catena di reindirizzamento che rallenta il tuo sito, la soluzione è semplice: invece di reindirizzare dal link A al link B che va al link C, dovresti semplicemente cambiare il reindirizzamento all’ultimo collegamento della catena.

Per la gestione reindirizzamenti in WordPress, è possibile utilizzare un libero WP 301 Reindirizza plugin che vi aiuterà a gestire tutti i tuoi reindirizzamenti.

Punto 14: Ottimizza il contenuto (usa estratti, dividi articoli e commenti lunghi, ecc.)

A volte, puoi fare molto cambiando piccole cose. Se scrivi un blog, puoi ottenere un sito più veloce controllando il contenuto. Quando si mostrano gli ultimi articoli dal blog, utilizzare estratti invece di caricare l’intero articolo.

Se stai usando un editor classico, mostrare un estratto personalizzato è relativamente facile:

Ora, mostrando l’estratto sulla tua home page dipende dal tema. Potrebbe essere già attivato o potrebbe essere necessario selezionare l’opzione da qualche parte nel tema. Suggerisco di controllare la documentazione o contattare il supporto perché ogni tema è diverso.

Se si tende a scrivere articoli lunghi, è possibile dividerli rapidamente in due o più parti. Se stai usando un editor di blocchi, non hai bisogno di plugin esterni. Basta modificare un lungo post, fare clic sul simbolo ” più “e trovare il blocco” Interruzione di pagina ” che dividerà il tuo articolo a metà.

Infine, per coloro che hanno molti commenti, puoi scegliere di impaginare i commenti invece di caricarli tutti in una volta:

Continua a testare la velocità del tuo sito web

Anche se fai ogni passo da questo tutorial e accelera con successo il tuo sito web, ciò non significa che hai finito. Le cose possono cambiare rapidamente e non sai mai quanto bene il tuo sito si comporterà domani o in un mese. Questo è il motivo per cui è fondamentale eseguire regolarmente test di velocità e migliorare regolarmente il tuo sito.

È possibile bookmark questo tutorial nel caso in cui si dimentica dove e come testare il tuo sito, così come per ricordare quali passi si dovrebbe passare attraverso al fine di accelerarlo.

Come un sito Web lento può farti del male

Anche se non ti dispiace aspettare che i siti vengano caricati, la maggior parte delle persone ha un problema con questo. E se trascuri il problema, potrebbe ferirti a lungo termine. Come?

• Frequenze di rimbalzo più elevate – Anche se il visitatore decide di attendere il caricamento di una pagina, ciò non significa che sarà paziente durante l’intera visita. Si rischia tassi di rimbalzo più elevati che renderanno le persone lasciano il tuo sito dopo aver visitato la prima pagina.
• Perdere denaro – Se vendi prodotti o servizi sul tuo sito web, un sito lento respingerà potenziali acquirenti e futuri clienti.
• Perdere traffico-Vuoi più traffico che spingerà il tuo sito in avanti? In tal caso, non puoi permetterti di perdere un visitatore perché il tuo sito non è ottimizzato correttamente.
• Classifica SERP inferiore-Google e altri motori di ricerca prendono in considerazione la velocità di caricamento. Una pagina più lenta può risultare in essere spinto più in basso la pagina dei risultati dei motori di ricerca, anche se il contenuto è buono.

Non pensi ancora che la velocità sia importante? Spero che questi quattro motivi vi convincerà come la velocità di un sito web è fondamentale, e che si è pronti a rendere il vostro meglio.

Conclusione

Tutti amano siti belli e ben progettati. Tuttavia, se ciò significa aspettare un paio di secondi in più per il caricamento del sito Web, è probabile che perderai una certa percentuale di visitatori.

Quindi, non importa quello che fai, non sacrificare la velocità per l’estetica. È possibile avere entrambi; devi solo essere paziente e lavorare sul tuo sito web per migliorarlo.