Evidenziazione del plug-in Divi: Divi Rocket

La velocità di caricamento del sito web è fondamentale per mantenere un ottimo SEO e ridurre la frequenza di rimbalzo di un sito web. Sono disponibili molti plug-in di memorizzazione nella cache che possono aumentare le prestazioni, ma la maggior parte dei plug-in di memorizzazione nella cache sono generici. Funzionano con le impostazioni principali per la maggior parte dei temi piuttosto che mirare a esigenze o caratteristiche specifiche di un tema. Ora c'è un plug-in di memorizzazione nella cache progettato specificamente per Divi.

Divi Rocket è un plug-in di terze parti progettato per essere "consapevole di Divi". Ha familiarità con il funzionamento di Divi e con le sezioni e i moduli Divi. Sa cosa memorizzare nella cache e cosa controllare su una pagina Divi durante la rigenerazione della cache. In questo articolo, daremo un'occhiata a Divi Rocket, vedremo cosa può fare e vedere quanto è facile da usare.

Installazione e attivazione

Prima di poter utilizzare Divi Rocket devi inserire la tua chiave di licenza. Vai su Divi > Divi Rocket nel menu della dashboard. Una volta attivato il plug-in, si sbloccheranno le schede del menu in cui è possibile effettuare selezioni ed eseguire attività.

Il design del menu è simile al design del menu Divi. Sembra elegante, ma è anche facile da capire e da seguire (a differenza di alcuni plug-in di memorizzazione nella cache che hanno troppe impostazioni difficili da seguire e configurare). Aggiunge anche un menu alla barra di amministrazione in cui è possibile cancellare la cache per il post corrente (quando si visualizza il sito dal frontend), l'intera cache e vedere le impostazioni.

Compiti

La scheda Attività include 12 attività che ottimizzano o eliminano i file. I compiti includono:

1. Ottimizza tabelle
2. Elimina i post di revisione dei post
3. Elimina i post con bozza automatica
4. Elimina i post cestinati
5. Elimina spam o commenti cestinati
6. Elimina i commenti non approvati
7. Elimina pingback e trackback
8. Elimina i metadati dei post orfani
9. Elimina i metadati dei commenti orfani
10. Elimina i dati della relazione orfana
11. Elimina i metadati degli utenti orfani
12. Elimina i metadati dei termini orfani

Ogni attività mostra il numero di elementi che verranno eliminati. Selezionare l'attività o le attività che si desidera completare e fare clic su Elabora attività selezionate. Optimize Tables è particolarmente interessante. È un'ottimizzazione del database progettata specificamente per Divi. Una volta eseguite le attività, mostra se ognuna ha avuto successo o se non sono state eseguite ottimizzazioni.

Memorizzazione nella cache del browser

L'abilitazione della memorizzazione nella cache del browser dirà al browser di memorizzare nella cache le risorse statiche inclusi i file jpg, jpeg, png, gif, svg, pdf, css, js, flv, ic e swf per i server Apache. Puoi controllare il numero di giorni per la scadenza della cache e aggiungere URL da ignorare.

Cache del server

La memorizzazione nella cache del server abilita la memorizzazione nella cache sul lato server. Puoi anche disabilitare la memorizzazione nella cache lato server per qualsiasi ruolo utente.

La memorizzazione nella cache lato server funziona in modo diverso rispetto alla memorizzazione nella cache del server standard. La maggior parte dei plug-in cache memorizza una versione cache dell'intera pagina e quindi la invia a un browser. Ogni volta che viene apportata una modifica, l'intera pagina viene rigenerata nella cache.

Divi Rocket è stato progettato specificamente per i moduli Divi. Sa che un modulo su una pagina può cambiare mentre il resto della pagina rimane lo stesso. È consapevole che i moduli del blog e del negozio possono cambiare spesso, mentre i blurb e i moduli delle persone cambiano meno spesso. Ciò significa che può rigenerare solo una parte della pagina anziché l'intera pagina ogni volta che viene apportata una modifica.

Caricamento pigro

Lazy Loading carica le sezioni Divi mentre l'utente le scorre. Ciò significa che solo una parte del sito Web deve essere caricata prima che l'utente possa iniziare a navigare nel sito. Significa anche che le parti del sito che l'utente non visita mai non devono essere caricate.

Richiede la memorizzazione nella cache lato server ed è ancora in fase di test. Una volta abilitato, puoi impostare il numero di sezioni Divi che verranno inizialmente caricate al caricamento del sito e il numero di sezioni che verranno caricate ogni volta che viene inviata una richiesta di caricamento.

Il caricamento lento mostra uno sfondo bianco con un preloader fino al caricamento della sezione successiva. Il tempo di caricamento della sezione successiva sul mio server di prova è stato estremamente rapido.

Compressione

La compressione aggiunge un'opzione di compressione GZip. Questa funzione ha avuto il maggiore impatto sulle mie velocità di test.

Specifiche del sistema

Specifiche di sistema mostra le stesse informazioni che troverai nel menu Divi > Centro assistenza, ma fornisce maggiori informazioni sulle impostazioni e include collegamenti a ulteriori informazioni. Le descrizioni includono informazioni sui tipi di problemi che vedrai se il tuo server non soddisfa i requisiti, il che è ancora più utile per la risoluzione dei problemi.

Varie

Varie aggiunge quattro nuove impostazioni a WordPress:

Limite revisioni post : consente di specificare il numero di revisioni che WordPress manterrà per ogni post. Ciò aiuta a risparmiare spazio di archiviazione sul server e impedisce al tuo sito Web di tenere traccia di troppe revisioni che non utilizzerai mai.

Consenti Pingback e Trackback : impostali su aperti o chiusi. Controlla entrambi con un'impostazione.

Credito piè di pagina : aggiunge Divi Rocket al credito piè di pagina con un collegamento e l'icona Divi Rocket. Hai diverse opzioni per visualizzarlo. Mostralo nella barra inferiore sotto il piè di pagina (viene visualizzato solo se stai utilizzando il piè di pagina predefinito), mostralo centrato in una nuova barra sotto la barra inferiore o disabilitalo. È abilitato per impostazione predefinita. Se aggiungi il tuo ID affiliato, verrà incluso nel link.

ID affiliato Divi Space : se disponi di un account affiliato Divi Space, l'aggiunta dell'ID qui lo aggiunge al link nei crediti a piè di pagina.

Prima e dopo

Ecco uno sguardo ai miei punteggi GTMetrix prima e dopo per il mio sito di test non ottimizzato. Questo mette alla prova solo una parte delle funzionalità di Divi Rocket, quindi non è davvero un test completo. Mostra come ha migliorato le mie velocità di caricamento.

Il mio sito di prova

Ecco i miei punteggi dei test prima di eseguire qualsiasi miglioramento o compressione. Il mio punteggio PageSpeed ​​è del 45%, YSlow è del 63%, il tempo di caricamento completo è di 3,5 secondi, la dimensione della pagina è di 2,12 MB e fa 39 richieste. Sto utilizzando la pagina di destinazione del pacchetto di layout di Divi Magazine.

PageSpeed ​​mostra che le mie esigenze più critiche sono abilitare la compressione e sfruttare la memorizzazione nella cache del browser.

YSlow mostra che le aree più critiche includono l'aggiunta di intestazioni di scadenza, la compressione dei componenti, l'uso di CDN e l'esecuzione di meno richieste HTTP.

Con solo la cache del browser abilitata

Entrambi i punteggi PageSpeed ​​e YSlow sono leggermente migliorati. Il tempo a pieno carico ridotto. La dimensione della pagina e le richieste sono rimaste le stesse.

Sfrutta la memorizzazione nella cache del browser spostata da 49 a 96.

Il punteggio YSlow per le intestazioni con scadenza aggiuntiva è passato da 0 a 78.

Aggiunta della cache del server

Con la memorizzazione nella cache lato server, il tempo di caricamento completo e il numero di richieste sono leggermente migliorati. Naturalmente, questo racconta solo una parte della storia. Sono stati riscontrati ulteriori miglioramenti sulle risorse del server a causa del modo in cui funziona la memorizzazione nella cache sul lato server per aggiornare solo i moduli che sono stati modificati.

Il punteggio PageSpeed ​​ridotto per il rinvio dell'analisi di JavaScript.

Il punteggio YSlow è leggermente migliorato per un minor numero di richieste HTML.

Aggiunta di GZip

L'abilitazione della compressione GZip ha visto il miglioramento maggiore. PageSpeed ​​è andato al 92% mentre YSlow è andato all'84%. Il tempo di caricamento completo è sceso a 1,7 secondi e la dimensione totale della pagina è scesa a 862 KB. Le richieste sono rimaste le stesse.

Per PageSpeed, l'abilitazione della compressione è passata da 0 a 100.

Per YSlow, i componenti di compressione sono passati da 0 a 100.

Risultati

Ecco come Divi Rocket è stato in grado di migliorare i miei punteggi GTMetrix:

• PageSpeed ​​da 45 a 92
• YLento da 63 a 84
• Tempo di caricamento completo da 3,5 secondi a 1,7 secondi
• Dimensione totale della pagina da 2,12 MB a 862 KB
• Richieste dal 39 al 38

Questi punteggi sono senza altre modifiche al sito.

Prezzo e documentazione

Puoi acquistare Divi Rocket dal sito Web dello sviluppatore. Esistono diverse opzioni di acquisto per Divi Rocket:

• Sito singolo – $49 all'anno
• 3 siti – $ 89 all'anno
• Siti illimitati – $ 179 all'anno

È anche incluso nelle loro iscrizioni annuali e a vita.

La documentazione è disponibile sul sito Web dello sviluppatore. Passa attraverso le funzionalità del plug-in e mostra come utilizzarlo. Non ne avevo bisogno per questo articolo, ma sono felice di vedere che è disponibile.

Pensieri finali

Divi Rocket è un plugin interessante. È facile da usare e mi piace il design pulito del menu. Sembra un prodotto Divi piuttosto che un prodotto WordPress generico. Mi piace che sia progettato specificamente per Divi e sfrutti sezioni e moduli in un modo che altri plug-in di cache non possono fare. Non ci sono molte impostazioni da gestire, ma fornisce comunque le impostazioni di cui la maggior parte dei siti Web avrà bisogno. Spiega cosa fa ogni funzione, rendendolo ideale sia per gli sviluppatori esperti che per i principianti.

I miei test raccontano solo una parte della storia. Ad esempio, il risparmio di carico sul server per l'ottimizzazione del database e il modo in cui controlla i singoli moduli per gli aggiornamenti farebbero risparmiare risorse del server. Questo non viene visualizzato nei punteggi della velocità di caricamento.

Mi piacerebbe vederlo funzionare con Extra. La pagina dello sviluppatore mostra che sono in arrivo altre funzionalità. Presto minimizzerà e combinerà CSS e JavaScript. Includerà anche un CDN, che memorizzerà nella cache i file principali di Divi per migliorare le prestazioni anche oltre i CDN standard.

Divi Rocket ha già migliorato la velocità del mio sito di test completamente non ottimizzato allo stesso livello di altri plugin di cache. Una volta aggiunti la minificazione e un CDN, dovrebbe essere un'opzione molto migliore per qualsiasi sito Web Divi.

Vogliamo sentire da voi. Hai provato Divi Rocket? Fateci sapere cosa ne pensate nei commenti.

Immagine in primo piano tramite Victoruler / shutterstock.com