Ci sono diverse strategie che si possono usare per ridurre le dimensioni di un Cascading Style Sheets ( CSS ) del file. La maggior parte sono principalmente destinate a sbarazzarsi di licenziamenti e di massimizzare l'efficienza . File CSS possono ottenere grandi, soprattutto per un sito web con un layout complesso , e la dimensione del file CSS possono 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 il sito carichi il più rapidamente possibile . Istruzioni
1
Creare un file CSS esterno , piuttosto che usare inline codice CSS nel file HTML . Questo è quindi il file CSS sarà memorizzata nella cache dal browser nelle visite successive al sito , invece di nuovo e di nuovo scaricato come sarebbe se fosse parte del file HTML .
2
Usa i vari codici CSS stenografia invece di elencare le singole proprietà di un elemento . Ad esempio , i vari elementi di un fondo , come " background-color : # fff ; ", " background-repeat : no- repeat; " e " background-position : 0 0; " possono essere elencati singolarmente , oppure possono essere combinati in qualcosa come " background: # fff no repeat 0 0; ", che è molto meno codice e riduce la dimensione del file
tre elementi del gruppo
insieme che hanno le stesse impostazioni di stile . . Per esempio se i vostri elementi h1 e le vostre elementi H2 hanno le stesse impostazioni di stile , è possibile combinarli come questo ", h1 , h2 { varie impostazioni di stile }; " in modo da non dover scrivere tutte le impostazioni di stile due volte < . br>
4
Utilizzare i codici dei colori esadecimali accorciati , piuttosto che la piena codici colore esadecimali. Ad esempio , sia il codice colore esadecimale # FFFFFF e il codice # FFF denotano bianco.
5
eliminare eventuali interruzioni di riga non necessarie dal file CSS . E ' pratica comune per elencare vari linea di proprietà di un elemento per riga , ma questo non è necessario. Se la dimensione del file è un problema, le varie proprietà degli elementi possono essere elencati in una lunga fila , separato solo il solito punto e virgola . Questo può rendere il file CSS più difficile lettura per gli umani , ma i browser 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ù quindi è più facile da trovare. Ciò non è necessario , però, e i caratteri extra solo rendono il file CSS più grande di quanto dovrebbe essere .