Hvordan finne ubrukt CSS-stil i stilarket ditt

css

Selv om stilarkene dine er bufret, kan første gang noen besøker nettstedet ditt, en oppblåst CSS-fil virkelig redusere nettstedet ditt. Dette er ikke så bra for et førsteinntrykk. Etter hvert som nettsteder vokser, har de en tendens til å utvides med nye widgets og objekter som designere fortsetter å finjustere med flere og flere stilarkalternativer. Over tid kan stilarket ditt bli ganske oppblåst og være en viktig del av hvorfor nettstedet ditt lastes ned saktere enn andre.

Jeg har sett andre CSS-bekreftelsesverktøy på nettet. Vi har brukt Rengjør CSS for å redusere filstørrelsen ved å bedre organisere og minifisere dataene på den. Når du bruker en tredjepart til å analysere nettstedet ditt, må du være forsiktig. Hvis de skraper en side og analyserer CSS-en din, kan verktøyet føre til at du fjerner tonnevis av stiler som brukes på andre sider.

Ikke tilfelle med Ubrukt CSS - et verktøy som Andrew Baldock fra Mindjet, en tankekart søknad, viste meg i går. Verktøyet gjennomsøker nettstedet ditt og identifiserer ubrukt CSS. Du kan til og med sjekke stiler du vil beholde, uavhengig av analysen. På toppen av det kan du laste ned stilarket etter at det er kjørt gjennom en minify-rutine.

ubrukt css

Ovenfor er dashbordet hvor Ubrukt CSS fant ut at det kunne redusere stilarket mitt med 56%. Vi kommer til å fortsette å teste ut verktøyet - jeg er fortsatt bekymret for objekter vi henter inn via Javascript og Ajax. Imidlertid ser det ut som en flott ressurs for oss.

2 Kommentarer

  1. 1
  2. 2

Hva tror du?

Dette nettstedet bruker Akismet for å redusere spam. Lær hvordan kommentaren din behandles.