Det finns flera olika strategier du kan använda för att minska storleken på en Cascading Style Sheets ( CSS ) fil . De flesta är i första hand sysslar med att bli av uppsägningar och maximera effektiviteten . CSS-filer kan bli stora , särskilt för en webbplats med en komplex layout och CSS filstorleken kan bli en viktig faktor i den hastighet med vilken en webbplats laster . Genom att använda några förnuftiga metoder , men kan du minimera CSS filstorleken så att webbplatsen laddas så fort som möjligt . Instruktioner
1
Skapa en extern CSS-fil istället för att använda inline CSS -kod i HTML-filen . Det är så den CSS-fil kommer att cachas av webbläsaren på efterföljande besök på webbplatsen , i stället hämtas igen och igen som det skulle vara om det var en del av HTML -filen .
2
Användning de olika CSS stenografi koder istället för att lista de individuella egenskaperna hos ett element . Till exempel , de olika delarna av en bakgrund , som " background- color : # fff ; " , " background- repeat : no- repeat , " och " bakgrund - läge : 0 0 ; " alla kan anges individuellt , eller de kan kombineras till något som " bakgrund : # fff ingen upprepning 0 0 , " vilket är mycket mindre kod och minskar filstorleken
3
element Group tillsammans som har samma stilinställningarna . . Till exempel om din h1 element och dina h2 element har samma stil inställningar , kan du kombinera dem så här , " h1 , h2 { olika stilinställningar } , " så du behöver inte skriva alla stilinställningarna två gånger < . br >
4
Använd förkortade koderna hexfärgen stället för den fullständiga hexadecimala färgkoder . Till exempel , både hex färgkod # FFFFFF och koden # FFF betecknar vitt .
5
Eliminera onödiga radbrytningar från CSS-filen . Det är vanligt att lista ett element olika egenskaper rad för rad , men det är onödigt . Om filstorleken är ett problem , kan de olika Element Properties listas i en lång rad , separerade endast den vanliga semikolon . Detta kan göra CSS-fil svårare för människor att läsa , men webbläsare har inga problem med detta mer stympade stilen .
6
Eliminera överflödiga karaktärer från era kommentarer . Många programmerare använder extra tecken runt en kommentar till en kommentar sticker ut mer så det är lättare att hitta . Detta är onödigt , dock , och de extra tecken bara göra CSS-fil större än den behöver vara .
