Come raddoppiare la velocità del tuo sito Web Tutorial SiteGround

Pubblicato: 2019-12-10

Ti mostrerò come raddoppiare la velocità del sito dei tuoi siti web quando usi SiteGround, non devi pagare nulla, tutti gli strumenti che utilizzeremo in realtà sono già inclusi nel tuo pacchetto di hosting .

Quindi iniziamo.

Lasciatemi dire fin dall'inizio di questo video che questo non è affatto un passo di vendita per SiteGround.

È principalmente pensato per le persone che hanno già SiteGround e vogliono far caricare i loro siti Web più velocemente.

Ora, il vantaggio di SiteGround è che normalmente gli strumenti che useresti per rendere il tuo sito più veloce ti costeranno centinaia di dollari all'anno, ma non quando hai SiteGround.

Hanno già incluso.

Il fatto è che la maggior parte delle persone non sa nemmeno cosa è incluso.

C'è così tanto incluso e se stai usando SiteGround, lo imparerai in questo post.

Ora, ovviamente, se non hai SiteGround, potresti voler guardare questo video e poi decidere se ti piace ciò che includono gratuitamente nei loro pacchetti.

Miti sulla velocità del sito web

Ora, prima di approfondire, voglio sfatare alcuni dei miti sulla velocità del sito sull'avere un sito web.

Mito 1: i siti Web lenti non si posizionano bene su Google

Ci sono molti fattori di ranking più importanti e la velocità del sito è solo il meno importante di tutti.

Quello che sta realmente accadendo è che la bassa velocità del sito produce una brutta esperienza per l'utente.

Una cattiva esperienza utente porta a un aumento della frequenza di rimbalzo.

Ecco quanto presto qualcuno lascia il tuo sito web quando visita il tuo sito web.

E questo è un importante fattore di ranking.

Quindi un sito web lento non influisce sulle tue classifiche nel modo in cui pensi. È davvero ciò che porta a una frequenza di rimbalzo elevata.

Quante volte sei andato su un sito web e ci sei?

Sono passati quattro o cinque, sei secondi. Non sta caricando le informazioni desiderate. E sai che su Google ci sono altri nove elenchi su quella pagina.

cosa fai?

Rimbalzi dal sito Web, fai clic di nuovo e questo è un fattore di ranking che sta danneggiando le tue classifiche.

Quindi quello che stiamo davvero cercando di fare è ottimizzare il tuo sito web per l'esperienza dell'utente, non per Google.

Mito 2: i siti lenti sono causati dai Page Builder

Il secondo mito è che la velocità del tuo sito web venga ridotta dal page builder che hai scelto di utilizzare o dal tema che hai scelto di utilizzare per costruire il tuo sito web.

Beh, leggermente, ma non è un fattore così importante sono le persone, vuoi che tu ci creda.

È solo un buon marketing.

5 pilastri della velocità del sito

Tutto bene. Ora che abbiamo eliminato questi miti, è ora di iniziare a ottimizzare il tuo sito Web e di esaminare i cinque pilastri della velocità del sito.

Pilastro 1: ottenere un buon hosting

Ora il primo pilastro della velocità del sito sarà ottenere un buon web hosting.

Ora la cosa buona è che stai usando SiteGround, che è un fantastico host web.

Quindi questo pilastro è più pensato per le persone che utilizzano hosting a basso budget o hosting gratuito perché finisci per ottenere ciò per cui paghi quando si tratta di hosting.

Ora, se non stai utilizzando SiteGround, ricordo che ho un link in basso che richiederà uno sconto del 70% e includo anche un bonus del corso.

Quindi SiteGround ha tre piani. Avrai voglia di partecipare al piano Grow Big o al piano GoGeek.

So che si è tentati di risparmiare $ 2 al mese semplicemente ottenendo il piano di avvio, ma questi altri due piani includono opzioni di prestazioni aggiuntive che semplicemente non sono disponibili nel piano di avvio.

Quindi, se sei nel piano di avvio, puoi seguire questo video, ma potresti prendere in considerazione la possibilità di contattare SiteGround e di passare al piano Grow Big.

Ora, quando installi WordPress su SiteGround, includeranno un plug-in chiamato SG Optimizer.

Eccomi su un'installazione di WordPress. Farò clic sui plug-in e puoi vedere che è proprio qui, SG Optimizer. Ora, quando lo avrai attivato, ci sarà una nuova opzione qui che dice Ottimizzatore SG, e qui ci sono tutte le impostazioni per questo plugin.

Il secondo pilastro della velocità del sito è ottimizzare le tue immagini. Quando inizi a creare il tuo sito Web WordPress, vorrai caricare immagini. Ora, il problema è che le immagini tendono ad essere di qualità molto superiore a quella necessaria, il che porta a dimensioni di file molto grandi. Quindi ogni volta che qualcuno visita il tuo sito web, deve scaricare immagini di grandi dimensioni.

Quindi otterrai grandi guadagni in termini di prestazioni. Ottimizzando quelle immagini. Ora in genere devi pagare un servizio mensile per ottimizzare le immagini, ma non se hai SiteGround. È incluso nel plug-in di ottimizzazione SG. Quindi eccoci alle impostazioni dei plugin. L'ultima opzione qui dice ottimizzazioni delle immagini.

Andremo avanti e faremo clic su quello, e qui ci sono alcune impostazioni che potremmo voler abilitare. Quindi il primo è ottimizzare una nuova immagine mentre viene caricata sul tuo sito web. Vorrai abilitare questa opzione. Quindi ciò significa che la prossima volta che carichi un'immagine, ottimizzatori SG, se ne occuperanno solo per te.

L'opzione successiva è se hai già caricato immagini, puoi fare clic su questo pulsante proprio qui e tornerà indietro e ottimizzerà tutte le immagini nella tua libreria multimediale per te, e questo è tutto ciò che serve per ottimizzare le tue immagini. Il terzo pilastro della velocità del sito è l'utilizzo di una rete di distribuzione dei contenuti.

Qui. Ho effettuato l'accesso a SiteGround e farò clic proprio qui dove dice siti Web, quindi farò clic proprio qui dove dice strumenti del sito, quindi farò clic dove dice velocità. E poi cliccherò proprio qui dove dice CloudFlare, ed è qui che possiamo abilitare l'integrazione di CloudFlare con SiteGround.

Ora, quando abiliti CloudFlare, ciò che accade è che alcune delle risorse sul tuo sito Web verranno inviate a cloud, flare e reti di server in tutto il mondo. Ora, ciò significa se qualcuno dall'altra parte del globo. Visita il tuo sito web, le immagini e molte di queste, un grande, grande patrimonio relativo al tuo sito web.

Affinché venga caricato, caricheremo effettivamente da un server locale su di loro. Geograficamente. Ciò che farà è migliorare drasticamente il tempo di caricamento e la velocità del sito che i visitatori avranno sul sito del tuo sito web. Ora, CloudFlare ha un piano di base gratuito. Hanno anche un piano premium. Uso CloudFlare da almeno cinque anni e non ho mai usato nient'altro che il piano di base, sarà più di quello che ti serve e vedrai un enorme miglioramento della velocità sul tuo sito web.

Quindi scorrerò verso il basso ed ecco i tre passaggi per farlo funzionare sul nostro sito Web. Quindi andiamo avanti e facciamo clic sul pulsante di configurazione. In questo passaggio, puoi creare un nuovo account cloud flare, oppure puoi fare clic proprio qui dove dice connetti esistente e accedere al tuo account cloud flare esistente.

Quindi, dal momento che ho già un account cloud flare, accederò utilizzando il mio account esistente. Ma per te, se non hai un account, vai avanti e creane uno nuovo. Grande. Ho effettuato l'accesso al mio account e hai creato un nuovo account. Quindi il passaggio successivo è scegliere qui il tuo nome di dominio a cui desideri connetterti, cloud flare, quindi fare clic su attiva gratuitamente per connettere il tuo sito Web a CloudFlare.

Ora qui sotto puoi anche vedere alcune impostazioni di cloud flare che potrai utilizzare sul tuo sito web. Il quarto pilastro di sitespeed sta usando . La memorizzazione nella cache e cos'è la memorizzazione nella cache creerà una copia statica del tuo sito Web, quindi quando le persone visualizzano il tuo sito Web, dietro le quinte devono essere svolte meno attività che potrebbero rallentare i visitatori che vedono il tuo sito Web.

So che è una spiegazione piuttosto complicata, solo per capirlo se stai usando WordPress. Devi usare una qualche forma di memorizzazione nella cache. Ora l'enorme vantaggio dell'utilizzo di SiteGround è che fanno molto di questa memorizzazione nella cache in modo trasparente dietro le quinte su questo account di hosting del server. Lo fanno solo per te, ma devi davvero accenderlo.

Quindi eccomi qui, un pannello di controllo di terra connesso al sito. Quindi puoi semplicemente fare clic dove dice velocità. E poi c'è questa nuova opzione qui che dice memorizzazione nella cache. Vorremo andare avanti e fare clic su quello. Ed è qui che abiliteremo. Due diversi tipi di memorizzazione nella cache sul tuo sito web. Quindi il primo è dove dice cache statica e vedrai un elenco dei siti Web che hai connesso a SiteGround, e tutto ciò che devi fare è attivarlo semplicemente andando così.

E ora i tuoi soldi sono attivati. C'è un secondo tipo di memorizzazione nella cache qui chiamato Memcached. Facciamo clic su quello, e questo è un tipo di memorizzazione nella cache che si applicherà all'intero account di hosting. Andremo avanti e fare clic qui per attivare anche questo. Ora entrambi questi caching. I meccanismi hanno un modo per svuotare i contanti.

E il modo in cui potresti farlo se hai effettuato l'accesso a SiteGround è questa piccola scopa che è qui a destra e dice flush cash. Puoi fare clic su questo per svuotare Memcached, e quando sei sul denaro statico, c'è anche l'opzione per svuotare il denaro proprio lì. Ora dobbiamo anche abilitare alcune opzioni qui.

Sul tuo sito web nel plug-in di ottimizzazione SG. La prima scheda sono le impostazioni del super casher. Vorremo attivarlo proprio qui dove dice memorizzazione nella cache dinamica, e poi vorremo attivarlo proprio qui dove dice Memcached in quel modo. Ora ci sono alcune opzioni aggiuntive per la memorizzazione nella cache dinamica di cui potresti voler essere a conoscenza.

La prima opzione è proprio qui dove puoi svuotare la cache e svuotarla. Ci sarà anche un'opzione nella barra di amministrazione in alto. Per svuotare i contanti. Il prossimo è lo spurgo automatico dei contanti. Vorrai lasciarlo abilitato. Le opzioni principali di cui vuoi essere a conoscenza sono proprio qui. Dice, esclusi gli URL.

A seconda del tipo di sito Web che hai, potrebbero esserci alcune parti del tuo sito Web in cui non puoi includere l'incasso perché causerebbe un problema. Lo vedi in genere con i siti Web basati su eCommerce. Questo perché quei tipi di siti Web hanno molte opzioni dinamiche su di esso e incassare non funzionerà, giusto?

Quindi è qui che inserirai gli URL delle pagine che desideri escludere dalla memorizzazione nella cache. Tutto quello che devi fare è inserire l'URL qui e quindi fare clic dove dice escludi per aggiungerlo all'elenco di esclusione e ora il tuo sito sarà. Completamente incassato. L'ultimo pilastro di una velocità del sito sarà l'ottimizzazione delle prestazioni aggiuntive.

Ora l'ottimizzatore o il plug-in SG ti darà anche alcune varie opzioni. Quindi il primo sarebbe il caricamento lento delle immagini. Ciò significa quando un visitatore carica la tua pagina. Non li mostrerà o non caricherà un'immagine finché non scorreranno fino alla parte della pagina in cui dovrebbe essere quell'immagine.

Questo renderà il caricamento del tuo sito Web più veloce e si sentirà molto più veloce per i visitatori del tuo sito Web. Quindi, per abilitarlo, faremo clic proprio qui dove dice ottimizzazione dell'immagine, ed ecco l'opzione che dice un caricamento lento delle immagini. Lo attiveremo. Ci offre alcune opzioni aggiuntive qui se vogliamo.
Carico pigro. Questi includerebbero Gravatar, RS, miniature, immagini reattive, widget e caricamento lento su dispositivi mobili. Quindi puoi attivarli come vuoi. Mi piace sicuramente il caricamento lento, Gravatar, RS e le miniature. Il resto è facoltativo per te. Se c'è qualche problema causato dal caricamento lento, puoi escludere alcune parti del tuo sito web dal caricamento lento.

Metteresti semplicemente la classe CSS su quegli elementi. È un po' tecnico. Lo faresti proprio qui e poi fai clic su escludi. Ora ci sono ulteriori ottimizzazioni, giusto? Ecco un'opzione per l'ottimizzazione dell'ambiente. Ti consigliamo di scorrere verso il basso e assicurarti che la compressione zip G sia attivata.

Infine, le ottimizzazioni del front-end proprio qui. Ora, questi potrebbero essere un po 'complicati e a volte puoi metterti un po' nei guai, quindi ti consiglio di abilitarli uno per uno. Quindi verifica che non abbia causato alcun comportamento strano sul tuo sito web. Ora dovresti essere abbastanza sicuro attivando la minimizzazione dell'output HTML.

Dovresti anche essere sicuro abilitando tutte le varie opzioni di minimizzazione. Quindi eccone uno per ridurre al minimo i file JavaScript. Eccone uno per minimizzare i file CSS. Ora lo script Java per il blocco del rendering differisce. Ciò potrebbe causare problemi. E quando lo abiliti, riceverai un avviso proprio qui e potrai confermare se vuoi che si attivi o meno.

E quindi questo è uno in cui vorrai sicuramente verificare sul front-end se ha causato o meno un problema. Ecco un'altra opzione per combinare un file CSS e anche questo potrebbe causare alcuni problemi. Come puoi vedere, non sta attivando un messaggio di avviso. Ma sappi solo che anche questo può causare problemi.

Qualche volta. Successivamente abbiamo ottimizzato il caricamento dei caratteri di Google che è innocuo. Accendiamolo. Il prossimo è rimuovere le stringhe di query dalle risorse statiche. Questo mi ha causato problemi in passato, quindi fai attenzione. Questa è un'opzione che vedi causare un problema quando un plug-in o un tema fuori dall'autore rilascia un nuovo aggiornamento e quindi le cose iniziano a peggiorare sul tuo sito web.

L'ultimo è emoji disabilitato. Questo non significa che gli emoji non funzioneranno sul tuo sito web. Significa solo che verrà caricato in un modo più ottimale. Ora darò una rapida occhiata al front-end del mio sito Web per assicurarmi che non ci siano problemi visibili, quindi eseguirò un rapido test di velocità.

Quindi ecco il sito Web e finora sembra a posto. Le mie immagini si stanno caricando, giusto? Queste piccole icone stanno mostrando. Questo è in genere ciò con cui avevi riscontrato problemi. Se ci sono stati dei problemi che stai riscontrando, uh, la spaziatura è corretta. A volte questi potrebbero sovrapporsi se si verificasse anche un problema.

Tutto sembra perfetto. In effetti, questo sembra davvero buono. Va bene, quindi andrò su GT ​​metrics.com e andrò avanti e incollerò l'URL del sito Web con una barra all'indietro un clic proprio qui dice testa il tuo sito. Ci vuole solo un momento e quello che farà è scaricare il tuo sito web.

E ti darà dei dati. Ti farà sapere quanto tempo ci è voluto per caricare. Ti dirà quante richieste c'erano e produrrà un punteggio arbitrario. Ora, ti consiglio di non dare troppo peso a questo punteggio. Come puoi vedere, i punteggi sono. Abbastanza alto e una e una B qui con un tempo di caricamento molto rapido di 1,2 secondi, una pagina, lati di meno di un megabyte e solo 32 richieste.

Questo è un sito Web che utilizza il mentore di Ella. Ora, dico sempre, non dare troppo peso a questi punteggi qui. Ciò che conta davvero è come si sente il tuo sito Web quando qualcuno accede al tuo sito Web, ma puoi vedere da questo test che il sito si sta caricando estremamente velocemente. Il che è davvero buono per un sito con tutte queste immagini.

Beh, il gioco è fatto. È così che puoi caricare i tuoi siti Web utilizzando SiteGround in modo incredibilmente veloce e spero che tu abbia visto anche l'enorme valore che ottieni da SiteGround. Normalmente, dovresti pagare centinaia di dollari all'anno per ottenere plug-in che fanno tutto ciò che includono per te.

Già con il servizio che hai con loro. Questo è uno dei motivi per cui consiglio di utilizzare SiteGround è a causa di tutti questi extra extra che includono per te e non devi acquistarli e sono ufficialmente supportati dal tuo host web. SiteGround, se non hai SiteGround, considera l'utilizzo del link che ho in basso o WP crafter.com/siteground se hai ordinato SiteGround, includo un bonus del corso per farlo.

Questo ti aiuterà a ottenere il massimo. Costruire un sito web e il massimo da terra. Dave, hai trovato del valore in questo video e spero che tu l'abbia fatto. Considera di dare un pollice in su e condividerlo con un amico.

E se hai qualche domanda, ti incoraggio a chiedere nella sezione commenti in basso.

Mi piace rispondere alla tua domanda e aiutarti in ogni modo possibile. Ehi, grazie per la visione e ci vediamo nel prossimo video.