✅ Notizie, temi, plugin WEB e WordPress. Qui condividiamo suggerimenti e le migliori soluzioni per siti web.

Come ottimizzare il tuo sito WordPress con WP Rocket

15

Ricordi Space Jam?

La Disney ha effettivamente mantenuto online il sito Web originale di Space Jam dal 1996.

Guarda:

Come ottimizzare il tuo sito WordPress con WP Rocket

Grossolano!

I siti web come quello erano realizzati interamente con HTML e poche immagini. Come puoi vedere, i siti web sono lontani da tutto questo ora.

Qual è il problema?

Spesso, quando visito uno dei siti Web dell’utente del mio tema, vedo più di 100 file caricati su ogni pagina. Al contrario, il sito Web di Space Jam carica solo 7 file e quel sito Web è stato creato per un film di successo!

Allora cosa sta succedendo qui?

Bene, i siti Web moderni caricano file CSS per lo stile, hanno file Javascript per aggiungere l’interazione dell’utente e gli script di analisi e tendono ad avere molte più immagini.

E sai cosa lo peggiora? Plugin.

Potresti avere cinque plugin che caricano ciascuno i propri fogli di stile. Ciò significa cinque file CSS aggiuntivi da inviare a ogni visitatore che accede al tuo sito.

Non sto dicendo che i plugin siano cattivi, ma i siti WordPress tendono a caricare un sacco di file perché ogni plugin carica i file indipendentemente dagli altri.

WordPress o no, non è realistico creare un sito moderno che carichi solo sette file, ma se ottimizziamo correttamente i nostri siti possiamo fare molto meglio di 100.

Qual è la soluzione?

WP Rocket può aiutare a mediare questi problemi in modo molto efficace ed è un punto fermo della nostra ottimizzazione delle prestazioni qui a Compete Themes.

Tratterò le tre aree in cui vedrai i maggiori guadagni di prestazioni con questo plugin. Condividerò anche gli screenshot di tutti i menu alla fine del post in modo che tu possa rivedere tutte le impostazioni disponibili.

Cominciamo con la caratteristica più importante, la memorizzazione nella cache.

Aggiornamento: ho realizzato un video tutorial passo passo che ti guiderà attraverso i passaggi per configurare WP Rocket sul tuo sito web.

Iscriviti ai temi della competizione su Youtube

1 Memorizzazione nella cache

Dopo aver caricato e installato WP Rocket, avrai accesso alla sua bellissima dashboard dove potrai iniziare a ottimizzare.

Come ottimizzare il tuo sito WordPress con WP Rocket

WP Rocket attiva la memorizzazione nella cache nel momento in cui la attivi. Potresti letteralmente attivare il plug-in e disconnetterti dal tuo sito per sempre e si caricherebbe comunque più velocemente.

In che modo la memorizzazione nella cache aiuta?

È difficile apprezzare la memorizzazione nella cache automatica se non sei sicuro di come influisce sul tuo sito.

Pensa alla memorizzazione nella cache in questo modo:

Immagina di aver bisogno di un documento in modo da trovarlo nel tuo schedario e poi rimetterlo nell’armadio quando hai finito. La prossima volta che avrai bisogno di quel documento, dovrai recuperarlo di nuovo dallo schedario.

La memorizzazione nella cache è come tenere il documento sulla scrivania una volta trovato in modo da poterlo riutilizzare immediatamente. Proprio come ottenere il documento dalla tua scrivania è più veloce che ottenerlo dal tuo schedario, la memorizzazione nella cache impedisce viaggi non necessari al database.

Il punto è che, indipendentemente da quanti file carica il tuo sito o da quanto sono grandi, si caricano tutti molto più velocemente con la memorizzazione nella cache abilitata.

Configura la cache

Come accennato, non è necessario modificare alcuna impostazione per far funzionare la cache. Tuttavia, ci sono alcune modifiche che potresti voler apportare nel menu delle impostazioni di base della cache.

Come ottimizzare il tuo sito WordPress con WP Rocket

Clicca per l’immagine a dimensione intera

Le impostazioni qui sono principalmente per modificare la cache per funzionare al meglio per il tuo sito. Ad esempio, se hai un design mobile completamente diverso dall’utilizzo di un plug-in come WPTouch, WP Rocket può memorizzare nella cache quei file separatamente.

Puoi anche utilizzare la cache per i visitatori che hanno effettuato l’accesso se disponi di un sito di appartenenza e abilitare la memorizzazione nella cache per SSL (necessario se il tuo sito utilizza "https://").

Ancora una volta, non c’è davvero molto da fare qui oltre ad attivare il plugin.

2 Ottimizzazione file

La sezione di ottimizzazione dei file è dove ridurrai il numero di file caricati dal tuo sito e la dimensione di tali file.

Come ottimizzare il tuo sito WordPress con WP Rocket

Clicca per l’immagine a dimensione intera

Impostazioni di base

La prima opzione ti consente di "minimizzare" l’HTML del tuo sito, quindi cosa significa?

minificazione

Gli sviluppatori scrivono codice con molta spaziatura, formattazione e commenti per facilitarne la lettura. Quando carichiamo questi file sui nostri siti, non è necessario che siano facili da leggere. La minimizzazione rimuove tutto lo spazio tra i caratteri ed elimina anche tutto il testo del commento. Questo riduce effettivamente la dimensione del file in modo che si carichi più velocemente.

Se visualizzi il codice sorgente per qualsiasi pagina qui su Compete Themes, vedrai come la minimizzazione di WP Rocket ha influenzato l’HTML:

Come ottimizzare il tuo sito WordPress con WP Rocket

La minimizzazione è fantastica perché ottieni un miglioramento delle prestazioni facile e veloce e raramente ha un impatto sul funzionamento del tuo sito.

Pronto per imparare il tuo prossimo termine tecnico?

Concatenazione

L’altra caratteristica interessante nelle impostazioni di base è l’opzione per combinare i file di Google Fonts. La maggior parte dei temi di WordPress utilizza Google Fonts, quindi probabilmente stai caricando uno o due caratteri da lì. Questo processo di combinazione dei file è chiamato "concatenazione".

In generale, è più veloce caricare un file piuttosto che due perché hai ridotto il numero di richieste HTTP e non abbiamo bisogno di diventare più tecnico di così?

Per rivedere, la minimizzazione riduce la dimensione dei file e la concatenazione li combina. Con meno file più piccoli il tuo sito web si caricherà più velocemente. Questi due processi sono fantastici per le prestazioni e nessun plugin li gestisce meglio di WP Rocket.

File CSS

Ricordi il mio esempio dei cinque plugin che caricano ciascuno il proprio foglio di stile? Ecco come lo risolvi.

Come ottimizzare il tuo sito WordPress con WP Rocket

Puoi minimizzare tutti i file CSS che ti daranno un piccolo aumento delle prestazioni e quindi abilitare l’opzione "combina" per concatenarli nel minor numero possibile di file. Sebbene sia possibile riscontrare problemi di visualizzazione sul tuo sito quando utilizzi questa opzione, di solito non è un problema.

L’Ottimizzare CSS consegna può anche aiutare il vostro carico sito visivamente prima di quanto senza di essa.

File JavaScript

Le stesse identiche opzioni di minificazione e concatenazione sono disponibili anche per i file Javascript.

Come ottimizzare il tuo sito WordPress con WP Rocket

Non voglio spaventarti, ma queste opzioni a volte possono rompere parti del tuo sito (sul front-end non nella tua dashboard). L’importante è provare queste impostazioni e se qualcosa smette di funzionare, puoi semplicemente disattivarle. Tutto è reversibile.

Ottimizza senza errori

Minimizzare i file JS di solito non è un problema, ma quando li combini a volte puoi finire per interrompere la funzionalità del tuo sito. Ecco cosa fare…

Attiva le opzioni di minificazione e concatenazione, quindi svuota la cache del tuo sito utilizzando WP Rocket. Quindi visita il tuo sito e fai tutto. Prova i pulsanti di condivisione social, visita post e pagine, prova il menu mobile, ecc. Se tutto funziona bene, sei a posto.

C’è anche un’opzione per "rinviare" i file Javascript. Ciò consente al tuo sito di essere visualizzato visivamente sullo schermo prima che i file Javascript finiscano di caricare. Se abiliti questa opzione, assicurati di testare nuovamente tutte le funzionalità del tuo sito per verificare la presenza di errori.

Infine, il rinvio dei file Javascript abilita la modalità provvisoria per jQuery. Deselezionarlo ti darà un leggero miglioramento delle prestazioni, ma posso quasi garantire che romperà qualcosa, quindi ti consiglio di tenerlo controllato.

WP Rocket ha alcune opzioni interessanti per ottimizzare i media sul tuo sito, incluso il caricamento lento che può essere estremamente efficace.

Come ottimizzare il tuo sito WordPress con WP Rocket

Clicca per l’immagine a dimensione intera

Che cos’è il caricamento lento?

Immagina di avere un blog e ci sono 10 post sulla homepage ognuno con un’immagine. Quando arriva un visitatore, sullo schermo è visibile solo il primo post. Ecco la domanda:

Perché caricare tutte e 10 le immagini dei post se il visitatore può vederne solo una? Inoltre, perché dovresti caricare tutti e dieci quando la maggior parte dei visitatori potrebbe scorrere fino al terzo o quarto post prima di fare clic su uno?

Con il caricamento lento abilitato, WP Rocket terrà traccia di quanto in basso i visitatori hanno fatto scorrere la pagina e non caricherà le immagini fino a quando i visitatori non saranno vicini a raggiungerli.

Come caricare le immagini in modo pigro in WordPress (solo 1 passaggio)

Il vantaggio è che il tuo sito si carica immediatamente più velocemente perché stai caricando molte meno immagini. Ciò riduce anche la larghezza di banda utilizzata dal tuo sito.

Video e iframe

Puoi anche abilitare il caricamento lento per video e iframe (gli iframe vengono utilizzati per incorporare contenuti da altri siti).

Come ottimizzare il tuo sito WordPress con WP Rocket

C’è anche una fantastica funzione che ti consente di visualizzare la miniatura di un video di Youtube fino al termine del caricamento.

Svantaggi del caricamento lento

Il caricamento lento funziona alla grande per un sito come Pinterest con molte piccole immagini, ma non sempre funziona bene se hai immagini enormi. Il problema è che l’immagine non viene caricata fino a quando i visitatori non la scorrono e se è un’immagine grande, potrebbe essere necessario attendere un secondo mentre termina il caricamento. Questo può diventare fastidioso se accade per ogni immagine sulla pagina.

In effetti, l’unico motivo per cui non ho abilitato questa opzione per Compete Themes è perché ai visitatori piace scorrere velocemente alcuni post e le immagini non sono pronte quando arrivano.

Emoji e incorporamenti

WP Rocket ha anche comode opzioni per disabilitare il supporto emoji e la tecnologia di incorporamento di WordPress. Ognuna di queste funzionalità carica un piccolo file JS, quindi disabilitandole entrambe rimuoverai altri due file dal tuo sito.

Come ottimizzare il tuo sito WordPress con WP Rocket

Come avrai capito, mi piacciono gli emoji, quindi li tengo abilitati?

Tuttavia, consiglio di disabilitare gli incorporamenti perché sono più fastidiosi che utili. Se hai mai inserito un URL nell’editor dei post e WordPress lo trasforma in una casella come un Tweet incorporato, questo è l’incorporamento che stai disabilitando. Questa opzione non avrà effetto sugli incorporamenti di Youtube o Vimeo.

Cos’altro puoi fare con WP Rocket?

Questi sono i passaggi principali per ottimizzare il tuo sito con WP Rocket.

Le restanti impostazioni servono per modificare e correggere eventuali errori potenziali, anche se si possono ottenere ulteriori miglioramenti delle prestazioni.

Come promesso, ecco gli screenshot di tutti i menu rimanenti in WP Rocket:

Velocizza il tuo sito

Uso WP Rocket qui su Compete Themes ed è uno dei primi plugin che installo su ogni sito che creo.

Se sei pronto per ottimizzare il tuo sito, prendi una copia di WP Rocket e velocizza il tuo sito.

Clicca qui per dare un’occhiata a WP Rocket ora

E se non hai considerato di cambiare host, ti consiglio di dare un’occhiata a questa recensione di WP Engine. Un host più veloce può avere un impatto enorme e immediato sui tempi di caricamento del tuo sito.

Clicca qui per trovare altri modi per velocizzare il tuo sito

Fonte di registrazione: www.competethemes.com

This website uses cookies to improve your experience. We'll assume you're ok with this, but you can opt-out if you wish. Accept Read More