Rimuovere le regole CSS inutilizzate
Panoramica
La rimozione o il caricamento differito delle regole di stile che non sono utilizzate da un documento consente di evitare il download di byte inutili e consente al browser di iniziare il rendering della pagina più velocemente.
Dettagli
Prima che un browser possa cominciare ad eseguire il rendering di una pagina Web, è necessario scaricare ed analizzare gli eventuali fogli di stile che sono necessari per creare il layout della pagina.
Anche se si tratta di un foglio di stile in un file esterno che viene memorizzata nella cache, il rendering è bloccato fino a quando il browser non carica il foglio di stile dal disco.
Inoltre, una volta che il foglio di stile viene caricato, il motore del browser CSS deve valutare tutte le regole contenute nel file per vedere se la regola si applica alla pagina corrente.
Spesso, molti siti web riutilizzano lo stesso file CSS esterno per tutte le loro pagine, anche se molte delle regole definite in esso non si applicano alla pagina corrente.
Il modo migliore per ridurre al minimo i tempi di latenza causati dal foglio di stile nel download e nel rendering è quello di ridurre le dimensioni del CSS, il modo più ovvio per farlo è quello di rimuovere o caricare in un secondo tempo le regole CSS che non sono effettivamente utilizzate dalla pagina corrente.
Raccomandazioni
- Rimuovere eventuali blocchi di stile in linea contenenti CSS che non viene utilizzato dalla pagina corrente.
- Minimizzare il codice css.
- Se il tuo sito utilizza file CSS esterni condivisi tra più pagine prendi in considerazione la possibilità di dividerli in file più piccoli, contenenti le regole per le pagine specifiche.
- Se una pagina punta ad un file di regole di stile che non sono necessari durante la fase di avvio, metterli in un CSS separato e rinviare il caricamento del file fino a quando l'evento onload non viene generato.
- Se si utilizza Javascript per generare stili, bisogna essere sicuri che tali funzioni non siano chiamate dalle pagine che non utilizzano tali stili. Questo potrebbe richiedere alcuni refactoring del codice JS.
Minimizzazione del CSS
Panoramica
La compattazione del codice CSS può salvare molti byte di dati e accelerare il download, l'analisi, e tempi di esecuzione.
Dettagli
La minimizzazione del codice CSS ha gli stessi benefici della minimizzazione del codice Javascript: riduzione della latenza di rete, miglioramento della compressione, caricamento da parte del browser più veloce come l'esecuzione.
Diversi strumenti sono liberamente disponibili per la minimizzazione del codice, compreso il compressore YUI oppure cssmin.js.
Google Chrome OS
Ecco i video tradotti in italiano della presentazione di Google Chrome OS, buona visione!
Novità in arrivo
Presto inizieranno i lavori che erano stai interrotti, tornate a visitarci!
Creare Videogame flash – How to, realizzazione, tutorial di un videogioco in flash
Buongiorno,
Questa vorrebbe essere la prima, chiamiamola puntata, di una serie di lezioni per la realizzazione di un videgioco in flash.
I progegtti sono tutti in altomare e non so ancora bene come suddividero' i lavori e anche come li presentero' ai miei lettori (e sopratutto se ci saranno miei lettori...).
Mi sono imbattutto in questa esperienza in quanto affascinato da quanto proposto dalla versione numero tre della famosa suite di creativirà di Adobe
