Er zijn verschillende strategieën die je kunt gebruiken om de grootte van een Cascading Style Sheets ( CSS ) bestand te verminderen . De meeste zijn in de eerste plaats bezig met het wegwerken van ontslagen en het maximaliseren van efficiëntie . CSS- bestanden kunnen krijgen groot , zeker voor een website met een complexe lay-out , en het CSS- bestand kan een belangrijke factor geworden in de snelheid waarmee een website laadt . Door het gebruik van een paar common-sense technieken , hoewel, kunt u het CSS-bestand grootte te minimaliseren , zodat de website laadt zo snel mogelijk . Instructies
1 Maak een extern CSS-bestand in plaats van inline CSS-code in het HTML-bestand . Dit is dus het CSS-bestand wordt opgeslagen door de webbrowser op volgende bezoeken aan de website , in plaats van steeds opnieuw gedownload worden als het zou zijn als het ware een deel van het HTML-bestand . Kopen van 2 gebruik de verschillende CSS- steno -codes in plaats van een opsomming van de individuele eigenschappen van een element . Bijvoorbeeld , de verschillende elementen van een achtergrond , zoals " background-color : # fff ; " , "background - repeat : no - repeat ; 'en' background-position : 0 0 ; " kunnen allemaal afzonderlijk worden vermeld , of ze kunnen worden gecombineerd tot iets als " background: # fff geen herhaling 0 0 ; " dat is veel minder code en verkleint de bestandsgrootte
Group elementen 3 samen die dezelfde stijl instellingen hebben . . Bijvoorbeeld als uw h1 -elementen en je h2 elementen hebben dezelfde stijl instellingen , kunt u deze combineren als dit, " h1 , h2 { verschillende stijl instellingen } , " zodat je niet hoeft te alle van de stijl instellingen tweemaal schrijven < . br > Goedkope 4 Gebruik de verkorte hexuitdraaikleurencodes plaats van de volledige hexuitdraaikleurencodes . Bijvoorbeeld , zowel de hexuitdraaikleurencode # FFFFFF en de code # FFF duiden wit .
5 Elimineer alle onnodige regeleinden uit het CSS-bestand . Het is gebruikelijk om de lijst een element verschillende eigenschappen regel voor regel , maar dit is niet nodig . Als bestandsgrootte is een punt van zorg , kunnen de verschillende element eigenschappen in een lange lijn worden vermeld , slechts gescheiden van de gebruikelijke puntkomma . Dit kan het CSS-bestand moeilijker voor mensen om te lezen , maar webbrowsers hebben geen moeite met deze meer afgeknotte stijl.
6 Elimineer overbodige personages uit je opmerkingen. Veel programmeurs gebruik van extra personages rond een reactie om een commentaar te meer opvallen , dus het is gemakkelijker te vinden . Dit is niet nodig , hoewel, en de extra personages alleen het CSS-bestand groter is dan het moet zijn .
|
