Ci sono diverse strategie che si possono usare per ridurre le dimensioni di un file di Cascading Style Sheets (CSS). La maggior parte sono principalmente di sbarazzarsi di esuberi e l'efficienza massimizzando. file CSS possono ottenere grandi, soprattutto per un sito web con un layout complesso, e la dimensione del file CSS può diventare un fattore importante nella velocità con cui un sito web carichi. Con l'ausilio di alcune tecniche di buon senso, però, è possibile ridurre al minimo le dimensioni del file CSS in modo che i carichi del sito web il più rapidamente possibile.

istruzione

1 Creare un file CSS esterno, piuttosto che utilizzando il codice CSS in linea nel file HTML. Questo è quindi il file CSS verrà memorizzato nella cache dal browser Web nelle visite successive al sito, piuttosto che scaricato ancora e ancora come sarebbe se fosse parte del file HTML.

2 Utilizzare i vari codici CSS stenografia invece di elencare le singole proprietà di un elemento. Ad esempio, i vari elementi di uno sfondo, come "background-color: #fff;", "background-repeat: no-repeat;" e "background-position: 0 0;" possono tutti essere elencate singolarmente, oppure possono essere combinati in qualcosa di simile "background: #fff nessuna ripetizione 0 0;" che è di gran lunga meno codice e riduce la dimensione del file.

3 elementi del gruppo insieme con le stesse impostazioni di stile. Per esempio, se gli elementi H1 e gli elementi h2 hanno le stesse impostazioni di stile, è possibile combinarli in questo modo, "H1, H2 {varie impostazioni di stile};" in modo da non dover scrivere tutte le impostazioni di stile per due volte.

4 Utilizzare i codici dei colori esadecimali accorciati, piuttosto che i codici dei colori esadecimali completi. Ad esempio, sia il codice #FFFFFF colore esadecimale e il codice #FFF denotano bianco.

5 Eliminare eventuali interruzioni di riga non necessarie dal file CSS. E 'pratica comune in lista di un elemento proprietà diverse riga per riga, ma questo non è necessario. Se la dimensione del file è una preoccupazione, le diverse proprietà degli elementi possono essere elencati in una lunga fila, separati solo il solito punto e virgola. Ciò può rendere il file CSS più difficile per gli esseri umani da leggere, ma i browser web non hanno problemi con questo stile più troncato.

6 Eliminare caratteri superflui dai vostri commenti. Molti programmatori utilizzano caratteri extra intorno un commento a fare un commento risaltare di più in modo che sia più facile da trovare. Ciò non è necessario, però, e i caratteri extra solo rendono file di dimensioni superiori ha bisogno di essere il CSS.