Come ridurre il tempo di caricamento del sito Web WordPress: da 6,3 secondi a 2 secondi

Trascrizione video

Questo video ti guiderà attraverso il processo che utilizziamo in Sagapixel per ridurre il tempo di caricamento di un sito Web da circa sei secondi a qualcosa che è un po' più accettabile. Speriamo di finire nell'intervallo da due a tre secondi per questo sito web.

Questo metodo utilizzerà tutti i plugin gratuiti. Sono proprio sul repository di WordPress e spiegherò cosa sta facendo ciascuno di loro mentre lo sto usando. Diamoci dentro. Questo è il report di GTMetrix per un sito web che abbiamo realizzato alcuni mesi fa e che non è stato realmente ottimizzato.

In realtà andrò al front-end del sito, utilizzerò anche il mio browser, quindi passeremo alla rete e farò un aggiornamento approfondito. Sono su un Mac. Tengo premuto il turno e premo Aggiorna così cancellerà la cache ed è lento. Sì, quella cosa ha avuto un tempo per il primo byte di sei secondi.

È abbastanza ridicolo e non lasceremo che un sito Web di un cliente si fermi lì e impieghi così tanto tempo per il primo byte. Ora, il server stesso è probabilmente un fattore. So che hanno un hosting GoDaddy di qualità molto bassa, ma possiamo sicuramente accelerare questa cosa, quindi per i prossimi 10 minuti circa lo faremo.

Per prima cosa accederò a questa cosa e passeremo ai plugin. La prima cosa che deve essere attivata è questa riduzione rapida della velocità. Fast Velocity Minify combinerà molte delle risorse che vengono caricate, quindi prima cosa, credo che questo abbia un SSL installato, quindi imposterò questa cosa per forzare SSL.

Non lo controllerò. Questo di solito non fa un grosso problema. Non voglio disabilitare l'unione dei caratteri di Google. Non voglio preservare l'ordine dei file CSS. Voglio incorporare il CSS sia nell'intestazione che nel piè di pagina. Il motivo per cui sto controllando queste impostazioni è che lavoriamo principalmente con Elementor e so che queste impostazioni non causeranno la rottura di nulla.

Mentre utilizzi la funzione di riduzione rapida della velocità, se rompi qualcosa, probabilmente sarà su Chrome, quindi assicurati che dopo aver eseguito tutte le impostazioni e esserti disconnesso dal sito Web, ti accendi con Chrome e assicurati di non aver ucciso nessuno dei tuoi fogli di stile.

Va bene, non disabiliterò nulla. Sembra buono qui, quindi lo salverò ed eseguirò nuovamente le metriche Gt. Solo averlo fatto dovrebbe probabilmente ridurre parte del tempo di caricamento su questo sito. Molto probabilmente è ancora il server, però.

Ok, questo l'ha abbassato di poco più di un secondo. Non abbiamo ancora finito, però. Il prossimo plug-in che andremo a installare è... su questo sito abbiamo l'ottimizzatore di immagini a pixel corti. Sembra che non sia mai stato attivato, quindi potremmo dover ottimizzare alcune immagini.

In realtà non lo userò, però. Installerò un altro plugin che abbiamo adottato di recente che si occuperà di un sacco di cose che devono essere risolte, inclusa l'ottimizzazione dell'immagine, quindi dobbiamo riottimizzare.

Ok, quindi vai alle impostazioni e la prima cosa che faremo è passare alla cache. Abiliterò la cache della pagina. Mi assicurerò anche di non avere un plug-in di memorizzazione nella cache già attivo qui, cosa che non abbiamo. Bene. E ho intenzione di abilitare la memorizzazione nella cache della pagina.

La prossima cosa che farò è passare al precaricamento e attiverò questo precaricatore programmato. Penso che lo faremo una volta al giorno. Salvalo e lo eseguirò ora, e questo inizierà a precaricare tutti gli URL, proprio come puoi leggere qui, l'effettivo attiverà la riottimizzazione, per memorizzare nella cache il sito Web visitando le pagine per precaricarli in modo che la prima volta che un visitatore umano li desidera, il sito non dovrà generare tutto.

Dovremo dargli un minuto. La prossima cosa che farò è passare alle immagini e d'ora in poi imposteremo questa cosa per comprimere automaticamente le immagini appena aggiunte. Questo lo farà collegandoti a WP Smush. Se non vuoi usarlo, possiamo deselezionarlo e dirò che il pixel corto in generale è probabilmente il migliore quando si tratta di gestire l'ottimizzazione dell'immagine.

L'intero processo di precaricamento delle pagine richiede effettivamente un po'. Sai, siamo solo a pagina 17 di 30. La prossima cosa su cui andremo ad esaminare mentre è in esecuzione è questa qui. Esamineremo il database e abbiamo queste opzioni per ottimizzare le tabelle del database, pulire le revisioni dei post, quindi questo ripulirà davvero il database e consentirà che venga eseguito molto più rapidamente, ma voglio davvero sottolineare che si sbarazzerà delle cose.

Quindi, se hai, se c'è la possibilità che tu voglia ripristinare un vecchio post, ripristina una vecchia pagina come prima, eseguendo queste ottimizzazioni cancellerai tutte quelle vecchie versioni di tutto, quindi probabilmente vorrai eseguire il backup del tuo sito web prima di fare qualsiasi cosa al database.

So che abbiamo un backup di questo. Inoltre, non lo farò mentre eseguiamo il precarico, ma sembra che sia stato risolto, quindi andiamo qui. Eseguirò tutte queste ottimizzazioni. Qui abbiamo 1.200 revisioni dei post che ora sono state eliminate.

Ci vorrà del tempo prima che passi attraverso questo, a volte. Questo è un sito Web abbastanza piccolo, quindi non ci è voluto molto, ma eseguiamolo ancora una volta, vediamo cosa è stato fatto. Va bene, ora siamo scesi a 2,6 secondi dall'inizio, cos'era, più di 6 secondi prima di iniziare.

Il prossimo che ho intenzione di aggiungere sarà un carico pigro. Caricamento pigro, eccoci qua, il carico pigro di WP Rock è quello che uso. Super facile da configurare. Basta fare clic su di esso, attivare, andare alle impostazioni e selezioneremo solo alcune caselle qui.

Immagini, I-frame. Non farò i video di YouTube in miniatura. Salvare le modifiche. Bene. Ora, l'ultimo passaggio, davvero, penso che l'ottimizzazione... non ci sediamo qui mentre ottimizziamo l'intera libreria, ma l'ottimizzazione delle immagini per questa cosa sarà l'ultimo passaggio per abbatterlo davvero.

Penso che probabilmente lo ridurremo a circa 2,5 secondi se finissimo per utilizzare immagini troppo grandi e il sito. Spero che questo sia stato utile. Ottenere davvero un sito WordPress da caricare in modo rapido non è davvero così difficile.

Penso che anche molte delle critiche ai costruttori di pagine visive, come WP Bakery, in questo caso Elementor, Divi, siano ingiustificate, perché ci sono molte cose che puoi fare per caricare rapidamente questi siti Web anche con un costruttore di pagine visivo.

Se questo è stato utile, assicurati di lasciare un commento e se sei interessato a conoscere SEO e WordPress assicurati di iscriverti al nostro canale. Grazie.