Come puoi ottimizzare ulteriormente i tempi di caricamento del sito e renderlo ancora più presentante? In questa guida potrai scoprire come farlo grazie ad un plugin denominato JCH Optimize!
L'estensione che andrai a scoprire interviene in modo specifico sui file CSS e Javascript presenti all'interno del tuo sito web riducendone in modo intelligente il numero di richieste in fase di caricamento e diminuendo conseguentemente i tempi di caricamento, quindi più contenuti ed elementi hai attivi sul tuo sito web, maggiore sarà l'effetto di JCH Optimize.
Come prima cosa puoi effettuare prima un test di caricamento del sito utilizzando il page speed di Pingdom disponibile al seguente link in modo da verificare gl'effettivi tempi di caricamento del tuo sito:
Prendendo in considerazione il sito preso come esempio puoi notare:
1. Il grado di ottimizzazione della struttura;
2. Il numero di richieste che vengono eseguite per il caricamento;
3. Il tempo di caricamento del sito.
Cliccando poi su "Page Analysis" (4) potrai verificare alla voce "Request Analysis" il numero di Script attualmente caricati
Ora connettiti al backend del tuo cms:
http://nomedeltuodominio.ext/administrator (dove al posto di "nomedeltuodominio.ext" dovrai mettere il tuo dominio ovvero ad esempio "pippo.it")
Una volta loggato fai click su "Estensioni" --> "Gestione" --> "Installa"
Ora ricerca il plugin JCH Optimize (1), fai click sullo stesso (2)
E procedi con l'installazione
Premessa: per una corretta configurazione del plugin è consigliabile disabilitare temporaneamente prima tutte le estensioni che gestiscono la cache del sito.
Ora non ti resta che andare a configurarlo, per farlo clicca sul tab "Estensioni" --> "Plugin"
Ricerca il plugin e clicca sul nome dell'elemento ottenuto "System -JCH Optimize"
A questo punto puoi procedere con la configurazione del plugin:
- Come prima cosa fai click sul tab "Basic Options" (1)
- Nel nostro caso come profilo è stato scelto di utilizzare il profilo di configurazione "Intermediate" (2), potrai vedere nello specifico in che modo interviene sulla struttura cliccando nell'opzione "Automatic Setting Group" (3), come ad esempio sulla minimizzazione delle richieste HTML, javascript, ecc. Potrai inoltre scegliere se estendere l'applicazione su tutte le estensioni attive selezionando "Sì" al campo "Include all extensions"
N.B. In base alla personalizzazione che andrai a scegliere, l'estensione interverrà maggiormente o meno sulla struttura ed è conseguentemente possibile che si possano riscontrare anomalie nella visualizzazione del sito. - Cliccando su "Leverage browser caching" (4) andrai inoltre ad inserire alcune direttive sul file .htaccess che andranno a dare delle informazioni riguardo all'utilizzo della cache del browser di chi sta visualizzando il sito (ad esempio se per caso una pagina è stata già consultata, alcuni elementi non verranno ricaricati in quanto già presenti localmente ottimizzando di conseguenza i tempi di caricamento)
- Per un corretto funzionamento seleziona ora l'icona "Order plugin" (5), in questo modo porterà JCH Optimize al fondo dell'ordine dei plugins
- Infine clicca su "Salva e Chiudi" (6) per confermare la configurazione apportata.
Ora non ti rimarrà che abilitare l'estensione
ed eseguire un nuovo test con il tool di pingdom in modo da verificare i miglioramenti apportati sul tuo sito web!
Facendo riferimento sempre al nostro sito preso in considerazione per il test possiamo constatare che:
1. Il grado di ottimizzazione della struttura è migliorato a 91 (prima 79)
2. Il numero di richieste che vengono eseguite sono diminuite a 25 (prima 33)
3. Il tempo di caricamento del sito è migliorato da 3.30s a 1.76s
Infine per verificare in modo più specifico l'applicazione del JCH Optimize clicca nuovamente su "Page Analysis" (4) e alla voce "Request Analysis" potrai effettivamente riscontrare che il numero di script in javascript e CSS caricati com'è diminuito.
