Det finnes flere forskjellige strategier du kan bruke til å redusere størrelsen på en Cascading Style Sheets ( CSS -fil) . De fleste er primært opptatt av å bli kvitt oppsigelser og maksimere effektiviteten. CSS-filer kan få store, spesielt for et nettsted med et komplekst oppsett , og CSS filstørrelsen kan bli en viktig faktor i den hastigheten som en nettside laster. Ved å ansette noen common- sense teknikker , skjønt, kan du minimere CSS filstørrelsen slik at nettstedet laster så raskt som mulig. Instruksjoner
en

Lag en ekstern CSS -fil istedenfor å bruke inline CSS-koden i HTML-filen . Dette er så CSS-filen vil bli lagret av nettleseren på påfølgende besøk til nettsiden , snarere enn ned igjen og igjen som det ville være hvis det var en del av HTML-filen .
2

Bruk de ulike CSS stenografi koder i stedet for å liste opp de individuelle egenskapene til et element . For eksempel de ulike elementene i en bakgrunn , som " background- color: # fff ; ", " background- repeat : no-repeat ; " og " background- posisjon : 0 0 ; " kan alle bli oppført enkeltvis, eller de kan slås sammen til noe sånt som " bakgrunn: # fff ingen gjentakelse 0 0; " som er langt mindre kode og reduserer filstørrelsen
3

Gruppe elementene sammen som har de samme innstillingene for stil . . For eksempel hvis h1 elementer og dine h2 elementer har de samme innstillingene for stil, kan du kombinere dem som dette, " h1 , h2 { forskjellige stil innstillinger }; " slik at du slipper å skrive alle stilinnstillingene to ganger < . br >
4

Bruk forkortet hex fargekoder i stedet for hele hex fargekoder . For eksempel , både hex fargekode # FFFFFF og koden # FFF betegne hvit .
5

Eliminer alle unødvendige linjeskift fra CSS-fil. Det er vanlig praksis å liste et element ulike egenskaper linje for linje , men dette er unødvendig . Hvis filstørrelsen er et problem, kan de ulike element egenskaper bli oppført i en lang kø , kun atskilt vanlig semikolon. Dette kan gjøre CSS-fil vanskeligere for mennesker å lese, men nettlesere har ingen problemer med dette mer avkortet stil.
6

Eliminer overflødige tegn fra dine kommentarer. Mange programmerere bruke ekstra tegn rundt en kommentar å gjøre en kommentar skiller seg ut mer , så det er lettere å finne. Dette er unødvendig , skjønt, og de ​​ekstra tegnene bare gjøre CSS -fil større enn den trenger å være.