Kuinka löytää käyttämättömät CSS-tyylit tyylitaulukostasi

css

Vaikka tyylitaulukot tallennetaan välimuistiin, ensimmäinen kerta, kun joku vierailee sivustollasi, turvonnut CSS -tiedosto voi todella hidastaa sivustoasi. Tämä ei ole liian hyvä ensivaikutelma. Sivustojen kasvaessa niillä on taipumus laajentua uusilla widgetteillä ja objekteilla, joita suunnittelijat hienosäätävät yhä enemmän tyylitaulukkoasetuksilla. Ajan myötä tyylitaulukko voi paisua ja olla keskeinen osa sitä miksi sivustosi latautuu hitaammin kuin muut.

Olen nähnyt muita CSS -vahvistustyökaluja verkossa. Olemme käyttäneet Puhdista CSS pienentää tiedostokokoa järjestämällä ja minimoimalla siinä olevat tiedot paremmin. Kun käytät kolmatta osapuolta sivustosi analysointiin, sinun on kuitenkin oltava varovainen. Jos he raaputtavat yhden sivun ja analysoivat CSS -tiedostosi, työkalu saattaa pyytää sinua vähentämään muilla sivuilla käytettyjä tyylejä.

Ei niin Käyttämätön CSS - työkalu Andrew Baldock alkaen Mindjet, a mielen kartoitus sovellus, näytti minulle eilen. Työkalu indeksoi sivustosi ja tunnistaa käyttämättömän CSS: n. Voit jopa tarkistaa tyylit, jotka haluat säilyttää analyysistä riippumatta. Lopuksi voit ladata tyylitaulukon sen jälkeen, kun se on suoritettu minify -rutiinin kautta.

käyttämättömät css

Yläpuolella on kojelauta missä Käyttämätön CSS havaitsin, että se voisi vähentää tyylitaulukkoani 56%. Jatkamme työkalun testaamista - olen edelleen huolissani kohteista, joita vedämme sisään Javascriptin ja Ajaxin kautta. Se näyttää kuitenkin meille suurelta resurssilta.

2 Kommentit

  1. 1
  2. 2

Mitä mieltä olet?

Tämä sivusto käyttää Akismetiä roskapostin vähentämiseksi. Lue, miten kommenttitietosi käsitellään.