Hvordan Clean Redundant CSS Styles

Hvordan Clean Redundant CSS Styles


CSS (Cascading Style Sheets) er et flott verktøy for å skille web-kode. Dessverre, etter mange endringer og forbedringer har blitt gjort til websider, kan CSS stilark øker i størrelse og tregere et nettsted lasting hastighet. Dette skyldes vanligvis ubrukte velgere, uønskede faner og mellomrom, blant annet. Heldigvis finnes det mange verktøy, noen som fester direkte på nettleseren, som brukes til å rydde opp overflødig kode og optimalisere CSS-kode. De fleste av disse verktøyene er gratis nedlastinger.

Bruksanvisning

1 Sjekk din CSS-kode ved å kjøre det gjennom en CSS validator. CSS validatorer kan lastes ned på nettet eller kan brukes på nettet. For å bruke den elektroniske versjonen, bare skriv URI (Uniform Resource Identifier) ​​eller adressen til siden på grensesnittet gitt web og klikk på "Sjekk" for å validere CSS-koden. Se Resource 1 for en CSS Validator eksempel.

2 Kjør koden gjennom en CSS renere å sjekke for overflødig CSS-koden. Du kan laste ned en nettleserutvidelse eller bruke en online versjon av en CSS renere. Web-sider kan testes individuelt eller sammen med de tilgjengelige alternativene. Se Resource 2 for en CSS renere eksempel.

3 Optimaliser og komprimere CSS-kode for å redusere størrelsen og forbedre nettstedet hastighet og effektivitet. CSS optimizer og kompressorer videre se etter unødvendige kommentarer, og mellomrom mens endre noen deler av koden til stenografi. Noen av disse verktøyene kan redusere koden med om lag 30% eller mer. Se Resource 3 for et eksempel.

4 Kjør hele prosessen på nytt med helt ulike verktøy for å rense stiler som ble utelatt og ytterligere redusere størrelsen på CSS-kode.

5 Validere og rense andre nettsider for ytterligere å forbedre hastigheten på CSS-kode. Siden CSS-kode vil fungere på HTML-sider, validere og rense disse HTML-sider knyttet til CSS-koden.

Hint

  • Etter å validere din CSS-kode, må du kjøre den for feil. Validere CSS-koden betyr ganske enkelt at det er i samsvar med W3C standarder, men kan likevel inneholde feil.
  • Noen CSS rengjøringsmidler og validatorer vil tilby ekstra alternativer som farge og font-weight kompresjon eller sammenslåing av eiendommer. Pass alltid på at du oppretter en sikkerhetskopi av CSS-kode for å tilbakeføre til i tilfelle viktige CSS-stiler er fjernet.
  • Hvis du utvikler nettsteder og trenger å teste CSS-koden regelmessig, installere nettleseren CSS validatorer å forbedre produktiviteten og spare tid.