Nwlapcug.com


Come limitare la dimensione del File CSS

Come limitare la dimensione del File CSS


Ci sono diverse strategie differenti, che è possibile utilizzare per ridurre le dimensioni di un file di Cascading Style Sheets (CSS). La maggior parte si occupano principalmente di sbarazzarsi di licenziamenti e massimizzare l'efficienza. File CSS possono ottenere grandi, soprattutto per un sito Web con un layout complesso, e le dimensioni del file CSS possono diventare un fattore importante nella velocità a cui un sito web carichi. Utilizzando alcune tecniche di buon senso, però, è possibile ridurre le dimensioni del file CSS in modo il sito web carichi più velocemente possibile.

Istruzioni

1

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

2

Utilizzare i vari codici di stenografia CSS invece di elencare le singole proprietà di un elemento. Per esempio, i vari elementi di uno sfondo, come "colore di sfondo: #fff;", "sfondo-repeat: no-repeat;" e "sfondo-posizione: 0 0;"possono tutti essere elencati singolarmente, o possono essere combinati in qualcosa come" sfondo: #fff nessuna ripetizione 0 0; "che è molto meno codice e riduce le dimensioni del file.

3

Insieme elementi di gruppo che hanno le stesse impostazioni di stile. Ad esempio se gli elementi h1 e h2 elementi hanno le stesse impostazioni di stile, è possibile combinarli come questo, "h1, h2 {varie impostazioni di stile};" quindi non devi scrivere tutte le impostazioni di stile due volte.

4

Utilizzare i codici colore esadecimale abbreviata anziché i codici di colore pieno esadecimale. Ad esempio, il codice #FFF e il codice esadecimale del colore #FFFFFF denotare bianco.

5

Eliminare eventuali interruzioni di riga non necessari dal file CSS. È pratica comune per elencare le varie proprietà di un elemento riga per riga, ma questo è inutile. Se la dimensione del file è una preoccupazione, le varie proprietà di elemento possono essere elencati in una riga lunga, separati solo il solito punto e virgola. Questo può rendere più difficile per gli esseri umani a leggere il file CSS, ma Web browser non hanno nessun problema con questo stile più troncato.

6

Eliminare caratteri superflui dai vostri commenti. Molti programmatori utilizzano caratteri aggiuntivi intorno a un commento di fare un commento a risaltare di più, quindi è più facile da trovare. Questo è inutile, però, e i caratteri supplementari solo rendono il file CSS più grande di quanto ha bisogno di essere.