Kuinka löytää käyttämättömät CSS-tyylit tyylitaulukostasi
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.
Yläpuolella on kojelauta missä Käyttämätön CSS havaitsi, että se voisi vähentää tyylisivuani 56 %. Jatkamme työkalun testaamista – olen edelleen huolissani objekteista, joita haemme JavaScriptin ja Ajaxin kautta. Se näyttää kuitenkin meille loistavalta resurssilta.