Der er flere forskellige strategier, du kan bruge til at reducere størrelsen af et Cascading Style Sheets ( CSS) fil. De fleste er primært med at komme af afskedigelser og maksimere effektiviteten. CSS-filer kan få store, især for en hjemmeside med et komplekst layout , og CSS-fil størrelse kan blive en væsentlig faktor i den hastighed, hvormed en hjemmeside belastninger. Ved at ansætte et par fornuftige teknikker , selvom du kan minimere CSS-fil størrelse, så hjemmesiden belastninger så hurtigt som muligt . Instruktioner
1
Opret en ekstern CSS-fil i stedet for at bruge inline CSS kode i HTML-filen . Dette er så CSS-fil bliver cached af webbrowseren på efterfølgende besøg på hjemmesiden , snarere end downloades igen og igen , som det ville være, hvis det var en del af HTML-filen.
2
Brug de forskellige CSS stenografi koder i stedet for en liste over de individuelle egenskaber et element . For eksempel de forskellige elementer i en baggrund , som " background- color: # fff ; ", " background- repeat : no -repeat , " og " background- position : 0 0 :" kan alle blive opført enkeltvis , eller de kan kombineres til noget lignende " baggrund: # fff ingen gentagelse 0 0 ", hvilket er langt mindre kode og reducerer filstørrelsen
3
Group elementer sammen, der har de samme stil indstillinger. . For eksempel , hvis din h1 elementer og dine h2 elementer har samme stil indstillinger, kan du kombinere dem som dette , " H1, H2 { forskellige stil indstillinger }; ", så du ikke behøver at skrive alle de stil -indstillinger to gange < . br >
4
Brug forkortede hex farvekode snarere end fuld hex farvekoder . For eksempel betegner både hex farvekode # FFFFFF og koden # FFF hvid.
5.
Eliminer alle unødvendige linjeskift fra CSS-fil . Det er almindelig praksis at liste et element forskellige egenskaber linje for linje , men det er unødvendigt. Hvis filstørrelsen er en bekymring , kan de forskellige element egenskaber blive opført i én lang linje, kun adskilt den sædvanlige semikolon. Dette kan gøre CSS-fil sværere for mennesker at læse, men webbrowsere har ingen problemer med dette mere afkortede typografi.
6
Eliminer overflødige tegn fra dine kommentarer. Mange programmører bruger ekstra tegn omkring en kommentar til at gøre en kommentar skiller sig ud mere, så det er nemmere at finde. Dette er unødvendigt , selvom, og de ekstra tegn kun gøre CSS-fil større end det behøver at være.