Webdesign Joomla
Se avete un progetto di sito web, sappiate che sono specializzato in web design, e-commerce, web mobile e seo  (con successo dato che siete arrivati fin qui)
Guide su plugin
Tutti i manuali su plugin Joomla 1.5
Ultimi Commenti
Tutorial utilità
Tutti i manuali su utilità
Tutorial template Joomla e Css
Tutorial server
Login
Ricordami
Ricerca

Velocizzare il template di joomla

Stampa Visitas: 1476
Template 1.5
Domenica 07 Novembre 2010 15:17

Guide simili:

Cache di Joomla
Accelerare la carica di joomla
Compressione Gzip
Velocizzare la carica di Joomla: plugin e moduli
 
Per velocizzare la carica di un template di joomla possiamo lavorare sulle immagini, i file Css e gli script, la decisa riduzione del numero e dei kb di questi oggetti ci aiuteranno ad accelerare la carica del template e della pagina.

Detto questo, e prima di cominciare a smanettare, bisogna sapere quali sono gli oggetti che carica il nostro template ogni volta che viene chiamato dal server, per essere sicuri potete usare qualche pagina web di ottimizzazione di pagine, per esempio Websiteoptimization.com , lì vedrete realmente, separati per tipo di oggetto, quanti sono, quanto tempo impiegano a caricare e quanto pesa ciascuno. Possibilmente scopriremo che nel nostro template esiste qualche link (soprattutto partente dai file css) che non va da nessuna parte (not found): lo eliminiamo o correggiamo il link, in ogni caso non possiamo caricare il nostro Joomla con query inutili ogni volta che si carica il template.

Velocizzare il template di joomla: le immagini

Ogni immagine del nostro template viene caricata individualmente nel server, per tanto influisce la dimensione in kb dell’immagine, ma anche il numero delle immagini, per esempio una pagina di questo sito con una connessione T1 di 1,44 Mbps impiega intorno a 1,83 secondi per caricare 8 immagini per un totale di 44271 bytes, invece ha bisogno di 4,69 secondi per caricare una pagina con 23 immagini per un totale di 16555 bytes, mi sembra abbastanza chiaro, attenzione ai template.css che chiamano molte piccole immagini
Per velocizzare la carica delle immagini è interessante sapere che i formati jpg e gif presentano una relazione qualita / kb superiore al png e, per questo, sono i più diffusi nel web, è utile sapere anche che alcune applicazioni (Fireworks, Gimp, Photoshop, ecc...) offrono la funzione Salva per Web che permette ottimizzare il peso di ogni immagine

Velocizzare il template di joomla: il css

Anche qui bisogna andare verso la riduzione del numero e peso dei file Css, il problema e che i risultati esigono più lavoro, una maggior tecnica e sono meno spettacolari che con le immagini, comunque:
 - Aggruppare i diversi css: nel nostro sito convivono diversi file css (del template, dei componenti, di alcuni moduli) che probabilmente verranno caricati inutilmente nel template anche se la estensione a cui vanno legati non appaia in quella pagina, questi file possono essere integrati dentro di altri file per ridurre il numero di file e, conseguentemente, accelerare la carica
 - Comprimere i file css: ossia eliminare le righe commentate, vuote, ecc...
- Aggruppare le istruzioni, per esempio:
.content{
    margin-top: 5px;
    margin-right: 10px;
    margin-bottom: 5px;
    margin-left: 10px;
}
è uguale che:
.content { margin: 5px 10px }
 

Velocizzare il template di joomla: gli script

Nella guida Accelerare la carica di Joomla abbiamo visto che il browser del visitatore carica in parallelo due connessioni simultanee provenienti dallo stesso hostname, eccetto quando si tratta di un file javascript che vengono caricati uno alla volta, per tanto, e sempre che sia possibile, è consigliabile che gli script siano caricati nella parte inferiore nel index.php
(vicino al tag  </body>) del template Joomla, così il tempo morto nel rendering disturberà e indispettirà meno il visitatore. Si può velocizzare la carica degli script comprimendoli (eliminando spazi e linee in blanco) ma bisogna riconoscere che Joomla è messo male in questo tema dato che di default carica due script: mootools.js e caption.js, che assieme pesano oltre gli 80 kb; se aggiungi 11 dello script di Google analytics, gli script di qualche componente e modulo...

 

Aggiungi commento

Per favore, scrivete solo commenti in relazione con questo tema. Se avete un problema specificate il testo dell’errore che vi rimanda lo schermo o la schermata o fase del processo

Codice di sicurezza
Aggiorna

Video tutorial Joomla: guide su componenti, moduli, plugin e template Joomla
Copyright © 2008 - 2012 Video tutorial Joomla - Tutti i diritti riservati